vue2_4、el与data的两种写法

el与data的两种写法

el绑定容器有2种写法

• a.创建Vue实例对象的时候配置el属性，vue对象创建时就绑定。如：
  

• b.先创建Vue实例，随后再通过vm.$mount( '#root')指定el的值。如：
  

data有2种写法

• a.对象式：data： { }
  

• b.函数式：data() { return { } }
  这样写，函数里的this是vue实例对象，如果是箭头函数形式，那么箭头函数没有自己的this，那就会变成全局对象window了，所以函数式不能写箭头函数形式。
  

• 如何选择：
  目前哪种写法都可以，以后到组件时，data必须使用函数，否则会报错。

• 一个重要的原则：
  由Vue管理的函数，一定不要写箭头函数，否则this就不再是Vue实例了