列表渲染 v-for
事件处理器(指令,绑定事件) v-on
事件修饰符
.stop(冒泡)
.prevent(默认事件)
.capture(捕获)
.self
.once(执行一次)
条件渲染 v-show
动态绑定 v-bind:class**
除了内置的指令外 还可以自己设置指令
注册全局指令
1 | <body> |
当前组件下可用
1 | <body> |
计算数据(属性)
为什么需要计算属性
模版式未来描述视图的结构,在模版中放入太多逻辑,导致模版过重难以维护
在计算一个计算属性的时候,更新依赖列表并且缓存结果,只有当其中一个依赖发生了变化,缓存的结果才无效
组件化开发
组件其实是页面组成的一部分
使用组件的好处: 提升效率 方便重复使用 简化调试步骤 提升整个项目的可维护性 便于协同开发
组件的特性:
高内聚性、低耦合性
全局注册
1 | <body> |
局部注册
1 |
|