vue.js急速理解

理解难度1个@
@1.html css 基础
面向人群：刚开始想要了解vue，写过十几行的vue代码

名词速知：
【闪烁】：加载未完成时的代码会显示到网页中
【冒泡】：假设两个区域有交集，点击一个会使另一个也被点击，由内到外。

v-****（嵌入标签元素）

v-cloak：解决闪烁问题

<style >
[v-cloak]{
     display：none;
}
</style>

v-text = “data”：默认解决闪烁问题，data数据会覆盖标签内的内容
v-html = “data”：同text，加上data内容以html输出，而不会被解析渲染
v-bind：简写 ：，实现属性绑定
v-on：简写 @，实现事件绑定
v-modal = “data”：实现数据的双向绑定，修改会触发类似change事件
v-for = “(item i), in arrayName”：以列表的形式渲染，常与 : key 连同使用，标识指定id
v-if：用于创建或删除dom
v-show：用于隐藏或显示dom

.****（修饰符）

.stop ：阻止冒泡行为
.prevent ：阻止默认行为，（冒泡完毕后执行默认事件）
.passive：告诉浏览器不必检测是否有默认事件的拦截，加快速度。
.self：仅为该元素
.once：仅执行一次
.capture：与 冒泡事件相反，由外到内。