1、指令
指令带有前缀 v-,以指示它们是 Vue.js 提供的特殊特性。
也有一些其它指令,每个都有特殊的功能。例如, v-for 指令可以绑定数据到数据来渲染一个列表
v-on 指令绑定一个监听事件
v-model 指令,它使得在表单输入和应用状态中做双向数据绑定变得非常轻巧
2、组件
在 Vue 里,一个组件实质上是一个拥有预定义选项的一个 Vue 实例
3、实例
每个 Vue.js 应用的起步都是通过构造函数 Vue 创建一个 Vue 的根实例
在实例化 Vue 时,需要传入一个选项对象,它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。
可以扩展 Vue 构造器,从而用预定义选项创建可复用的组件构造器
所有的 Vue.js 组件其实都是被扩展的 Vue 实例
4、属性和方法
每个 Vue 实例 代理 所有属性都在 data 对象中
每个 Vue 实例都会代理(俗话就是说,继承)其 data 对象里所有的属性
注意只有这些被代理的属性是响应的。如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。
除了这些数据属性,Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $,以便与代理的数据属性区分。
钩子的 this 指向调用它的 Vue 实例。
5、生命周期图示
vue2.0 笔记
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
- Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
- 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...