vue中el与data的两种写法和MVVM模型

一. data与el的2种写法

    1. el有2种写法

        (1).mew Vue时候配置el属性

        (2).先创建Vue实例,随后再通过vm.$mount('#root')指定el的值

    2. data有两种写法

        (1).对象式

        (2).函数式

        如何选择:目前哪种写法都可以,以后学习组件时,data必须使用函数式,否则会报错

    3. 一个重要的原则:

        有Vue管理的函数,一定不要写箭头函数,一旦写箭头函数,this就不再是Vue实例了

二. MVVM模型:

    1. M:模型(Model):data中的数据

    2. V:视图(View):模板代码

    3. VM:视图模型(ViewModel):Vue实例

观察发现:

    1. data中所有的属性,最后都出现在了vm身上

    2. vm身上的所有属性,及Vue原型上的所有属性,在Vue模板中都可以直接使用