data和el的两种写法

133 阅读1分钟

一、data与el的2种写法

1.el有2种写法

(1)new Vue时候配置el属性。

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

2.data有2种写法

(1)对象式

(2)函数式

如何选择:目前都可以,当学到组件时,data必须使用函数式,否则会报错

3.一个重要的原则:

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

二、el的两种写法

el的第一种写法

el的第二种写法:$mount

data的两种写法

对象式

函数式

要求:data函数必须要返回一个对象

tips: