Vue学习002-数据绑定-el与data的两种写法-mvvm模型

1.分为单向和双向数据绑定

 

        1.1单向数据绑定：只存在从Vue数据到实例这个方向，而当前端改变时，后台的Vue里的数据不变.如图

         1.2双向绑定  一般有value值用于双向，如表单

                              v-model:value 简写：v-model

    单向绑定 
    双向绑定 
    双向绑定 

二：el与data的两种写法

        2.1        el的两种写法

el: '#root',//第一种写法     v.$mount('#root')//第二种写法       (mount:也有挂载的意思)

    
hello,{{name}}

        2.2        data两种写法

        第二种又称函数式，多用于组件。

//    data的两种写法
//     函数式
//     const v=new Vue({
        //     //el: '#root',//第一种写法
        //     data: {
        //         name: "ykw"
        //     }
        // })
    const v=new Vue({
        el: '#root',//第一种写法
        data: function () {
            return{
                name:'ykw'
            }
        }
    })

三：mvvm模型:软件架构模型，有点像mvc

 实例mvvm：