Vue(2)

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尽量大写


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。