لا داعي لعمل ملف json، قم بإرسال البيانات من الفورم في الكلاينت (المتصفح) مباشرة إلى السيرفر (وهو سيرسلها على شكل json format).
وفي السيرفر قم باستقبال هذه البيانات باحتساب انها json، مثلا في flask تستعمل data = request.get_json()، هنا شرح مفصل:
لاحظ كيف يتم ارسال الفورم كما هو من تطبيق الـ vue إلى الـ flask server
if request.method == "POST":
data = request.get_json()
print(data)
يعطيني None
وعندم أقوم
print(data.get('name'))
يعطيني
AttributeError: 'NoneType' object has no attribute 'get'
ممكن تتحقق من developer tools في المتصفح، في جزء الـ network انظر للـ request بعد أن تضغط على submit
هل هو يرسل البيانات بشكل سليم من الفورم ؟
لقد جربت
request.form['name']
وهو يعمل بشكل نظامي
اما التعليمات في الاعلا فهي لا تعمل
جرب هكذا أخي @sohep :
if request.method == "POST":
data = request.json
print(data)
من الأحسن أن ترفع مشروعك على الـ github لنتمكن من تجربته وتحديد المشكلة دون اللجوء إلى التكهنات 
عين الصواب
هو ليس مشروع انما تجريبي
أولا قد قمت بنقل مجلد js داخل static لأنه لم يتم تحميل ملفات ال js عندي، وقمت باستدعائهم من خلال url_for('static',filename='....')
هذه محاولة مني إستطعت من خلالها أن أعدل أو بالأحرى أكتب على ملف data.json عند ارسال محتوى جديد إلى السيرفر، ستجد التعليقات في الكود تشرح ذلك
ولكن هل هي الطريقة الأنسب أو لا سيجيبك الأستاذ @YaserAlnajjar حاولت المساعدة بطريقتي الخاصة لأنني جديدة في هذا المجال
شكرا لك
انا فعلا كنت قد عملت بطريقتك ونجحت معي لكنني حسب نصيحة الاستاذ ياسر ان نتجاز فكرة وجود ملف json
وانا اردت ان اطبقها لكن لا ادري لاذا توجهني هذه المشكلة
من الأحسن أن تتبع طريقة الأستاذ ياسر مثل المثال الذي أعطاه لك، لكن بمعرفتي حاولت أن أجعل ملف data.json قابل للكتابة والتعديل باستقبال البيانات المدخلة من قبل المستخدم واضافتها إلى الملف
في انتظار خبرة الأستاذ ياسر
if request.method == "POST":
date = request.get_json([""])
print(date)
return date["name"]
مشي الحال
بس ما بعرف ليش لازم يكون
get_json([""])
يعني لازم يتنكتب بهالشكل وعادي شو ماحطيت داخل علامتي التنصيص ما بيرق
والنتيجة انو بيعطيك كل البيانات المرسلة
دالة get_json() لا تستطيع أن تمرر داخلها البيانات لأنها ستجلب لك كل البيانات على شكل json، لها ثلاث براميترات force, silent & cache ففي حالة أنها ترجع لك None تمرر داخلها force بقيمة True وفي حالة مررت فيها silent لا تطبع لك الأخطاء في حالة حدوثها أما الـcache فهي تخزن البيانات دائما على شكل json في حالة احتجتها لاحقا
http://flask.pocoo.org/docs/1.0/api/#flask.Request.get_json
طبعا مشي الحال على برنامج postman
بس على فورم نظامي عنم يعطين يالخطا التالي:
Bad Request
Failed to decode JSON object: Expecting value: line 1 column 1 (char 0)
ماذا عن استبدالها بـ request.json
قد تكون نسخة flask لديك قديمة حاول عمل update لكي تعمل لديك get_json()
رائع يا لارا 
فقط انتهي من بعض الامور واكون معكم في الأسبوع القادم باذن الله
إن شاء الله أستاذ 
أسبوع بالتمام والكمال 
اطلعت على المشروع وما شاء الله أنت ولارا وصلتوا لأهم الأشياء… دعني فقط أركز على بعض النقاط
حسب ما فهمت أن الغرض من ملف json هو الاحتفاظ بالبيانات، في الواقع هناك طرق أقوى وأفضل:
1. استعمال الذاكرة مباشرة (سيسهل عليك التطوير)
لاحظ كيف قمت باخراج المتغير data من داخل الـ request للإحتفاظ بالقائمة كما هي طول ماهو البرنامج شغال:
data = []
@app.route('/', methods=['GET', 'POST'])
def weather():
...
2. استعمال قاعدة بيانات
لا شيء أكثر ضمانا للاحتفاظ بالبيانات من استعمال قاعدة بيانات اعتيادية مثل SQLite أو MySQL
3. لا تريد قاعدة بيانات، استعمل ملف csv (أكسل)
مرة قرأت مقال رائع للعبقري Scott Hanselman مختص الـ ASP و C# حول كيف أن ملفات csv سهلة الاستعمال والتحكم بها عن طريق برنامج ذو واجهة سهلة… Excel:
قرأت حول الدالة get_json واتضح لي أنها تستقبل بيانات json في حال كان نوع الطلب ContentType هو json:
Content-Type: application/json
وهذا هو السبب حينما أشتغل معاك postman ولم يشتغل في المتصفح، لأن المتصفح دائماً سيرسل فقط ContentType من نوع form:
Content-Type: application/x-www-form-urlencoded
هذه صورة من الطلب في المتصفح (اضغط على الصورة لتكبيرها):
وفي هذه الحالة سنحتاج لتحويل الـ form إلى dictionary باستعمال request.form.to_dict()
ملف index.js ازلت منه الأسطر تبع data.json وصار:
var app = new Vue({
el: '#form',
data: {
ses:"sd"
}
});
أما ملف main.py صار:
#!flask/bin/python
from os import abort
from flask import Flask, jsonify, request, json, render_template
app = Flask(__name__)
data = []
@app.route('/', methods=['GET', 'POST'])
def weather():
if request.method == "POST":
new_data = request.form.to_dict()
data.append(new_data)
return render_template('add_article.html', data=data)
elif request.method == "GET":
return render_template('add_article.html', data=data)
if __name__ == '__main__':
app.run(debug=True)
في الواقع لو قمت بالأمور كما هي فأنت لا تستفيد بالفعل من قوة Vue 
لأنه يتم تحديث الصفحة عند عمل submit وهذه هي فائدة ajax (التخلص من تحديث الصفحة) كما شرحها محمد هنا:
كيف تقوم بها؟
اقرأ في هذا الرابط:
https://stackoverflow.com/a/48029830/4565520
بحيث سترسل الطلب ajax إلى الـ endpoint وهي تأخذ البيانات وتضيفها… وبالنسبة للصفحة، فأنت ستضيف البيانات بشكل تلقائي (بإفتراض أن السيرفر أضافها) بمجرد استقبال النتيجة 200 OK من السيرفر (يجب أن تتلقى النتيجة من السيرفر في Vue داخل الـ promise).
get_json() وأيضاً تجعل الـ content type هو json (حينما ترسل الطلب من Vue) لكي يتم التعامل مع الأمر بالشكل الصحيح.لو عندك أي سؤال تفضل به، وسنكون هنا معك 
حقا، ما شاء الله عليك أستاذ شكرا
شكراً جزيلاً هل يوجد لديك مشروع بسيط كما في مثالي الذي اتعلم عليه استطيع من خلاله ان افهم اكتر كيفية المراسلات بين تطبيق vue وفلاسك، عن طريق api.
يعني يكون مثال بيبعث معلومة او معلومتين فقط.
مع مودتي
وجدت هذا الريبو٬ جيد في توضيح الفكرة بالطريقة الصحيحة:
ملف backend.js يحتوي على ارسال البيانات واستقبالها بال axios
ملف resources.py يحتوي على ال api