el和data的两种写法
# el 的两种写法
- el:'#root'
- 先创建Vue实例，再通过v.$mount('#root')指定el的值
const v = new Vue({
data:{
name:'hello world'
}
})
v.$mount('#root')
1
2
3
4
5
6
7
2
3
4
5
6
7
# data的两种写法
# 对象式
new Vue({
el:'#root',
data:{
name:'hello world'
}
})
1
2
3
4
5
6
2
3
4
5
6
# 函数式——vue组件必用
教科书的写法是：
new Vue({
el:'#root',
data:function(){
console.log('@@@',this)
return{
name:'hello world'
}
}
})
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
一般写法
data(){
...
}
1
2
3
2
3
data函数里面：
- this 是指Vue实例对象
- data:()=>{}
=>是指全局window
由Vue管理的函数，一定不要写箭头函数，否则this不再是Vue实例，变成全局window了
编辑 (opens new window)