el的两种写法
1.在实例中设置
1
2
3
4
5
6
new Vue({
el:"#app",
data:{
msg:"hello vue!"
}
})
2.创建实例之后设置
1
2
3
4
5
6
7
8
9
var v = new Vue({
// el:"#app",
data:{
msg:"hello vue!"
}
})
// 创建Vue实例之后再选择挂载哪个组件
v.$mount('#app');
data的两种写法
1.对象式
1
2
3
4
5
6
7
var v = new Vue({
// el:"#app",
data:{
msg:"hello vue!"
}
})
v.$mount('#app');
2.函数式
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var v = new Vue({
// data: function () {
// return {
// msg: "hello vue!"
// }
// }
// 上面的形式一般简写成下面这样
data(){
return {
msg: 'hello vue!'
}
}
})
v.$mount('#app');
注意：
1.在组件中，data必须使用函数式，否则报错
2.由Vue管理的函数，一定不要写箭头函数，一旦写了箭头函数，this就不再是Vue实例了