Vue7-el和data的两种写法

1.el的两种写法

1创建Vue实例的时候通过el指定属性

2. 创建Vue实例之后通过vm.$mount('#demo')进行挂载

 console.log(v):此处的v是Vue的实例对象

在往下看__proto__属性这里是Vue构造类的方法其中的方法vue实例都可以使用比如$mount函数

 2.data的两种写法

1.对象式写法

2.函数式写法该函数必须返回数据推荐是用函数式

该function是vue给你调用的 但是必须是普通的函数打印this可以看到这里的this是vue实例

 因为是对象内的方法可以删除冒号和function

如果说不是普通函数而是箭头函数则此处的this则是window因为箭头函数没有this属性只能向上找最后找到window对象 以后很容易出错。