Essentials
主讲一个最简单的vue组件组成部分。包括:
- 数据绑定:v-on:xx=‘xxx’,父子组件传值
- 事件监听:
1.绑定事件 @click
2.事件传值:emit(eventName,value) - slot,还有别的attrs(options:emits[for validation])
- computed 中属性的getter & setter ,js中 getter & setter,descriptor
- js捕获 冒泡(修饰符 .capture)
- component组件global和局部概念的意义,父有componentA,子一定能在template中写? 复用的哦。根组件是app,则就像 js作用域读取父作用域的var那样?
- html也是有这个吗
此次阅读文档主要是看到 “指令”。
格式(bind event为例)
v-on:click.enter=‘value’
section | definition | meaning |
---|---|---|
v-on | 指令名称 | 一系列行为 |
click | 参数 | 绑定事件名称/要动哪个属性 |
enter | 修饰符 | 这个动作有什么样的条件,像v-on内部中走到if条件语句那样,if语句中有相应的行为规范 |
value | 值 | 参数绑定什么样的值 |
目前所见的,很多是通过指令去做一系列的行为。包括监听v-on,绑定v-bind,
补充下父子传值