vue2.0 笔记

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、生命周期图示

DFB1EF26-82D6-43CF-89B8-357ACBBFF970.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 11,097评论 4 129
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,244评论 0 6
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,081评论 0 29
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,981评论 19 139
  • 时光太瘦,指缝太宽;错过了会遗憾!经历了才耀眼!---给还在踌躇的你早安!
    7023e3a11415阅读 234评论 0 1