1.构造vue
var vm=new Vue({option})
option:数据:data(数据),props(属性),propsdata,computed,methods(方法),watch(观察)
dom:el(容器),template(html内容),render(渲染),renderError
生命周期钩子(钩子:可以切入的点)
资源:directives(指令),filters(过滤),components(组件)
组合:parent,mixins,extends,provide,inject
其他:
2.具体属性介绍
el:挂载点,与id相同。
data:内部数据,可以是函数,可以是对象
data:{
n:0
}
data:funtion(){
return {n:0}
}
es6缩写语法 data(){
return {n:0}
}
data推荐采用函数
methods,方法
components 举例
使用组件
Vue组件:可以组合的物件
四个钩子:created mounted updated destroyed
props:外部属性,引入
在组件内部设置
再通过外部传值
如果需要传变量
方法和函数的区别
方法是面向对象概念,必须有一个对象
函数是数学概念
3.组件的引入形式
import Demo from './Demo.vue'
引用文件尽量小写,Demo尽量大写