创建 vue 实例:
var vue = new Vue({
// 选项
})
创建 Vue 实例时,可以传入选项对象
数据
- data:内部数据,可以为对象和函数,组件必须使用函数
new Vue({
data: {
n: 0
}
})
new Vue({
data() {
return {n:0}
}
})
new Vue({
data: function() {
return {n:0}
}
})
- props:外部属性
- propsData
- computed,methods,watch:计算属性,方法,监听属性
DOM
- el:挂载点
可替换为 $mount
new Vue({
el: '#app'
// ...
})
// 等价于
new Vue({
// ...
}).$mount('#app')
资源
- directives(/dɪ’rektɪv/ ):内置指令,自定义指令
- filters:不常用,可用 method 代替
- components(/kəm’pəʊnənt/ ):组件,注意大小写
组合
- parent
- mixins, extends, provide(/prə’vaɪd/ ), inject:混入,扩展,提供,注入