1\v-cloak解决刷新或者加载出现闪烁（显示变量）
2\v-once 也是一个不需要表达式的指令，作用是定义它的元素或组件只渲染一次，包括元素或
组件的所有子节点。首次渲染后，不再随数据的变化重新渲染，将被视为静态内容
3\Vue 在渲染元素时，出于效率考虑，会尽可能地复用已有的元素而非重新渲染，
给元素都增加key 后， 就不会复用了，切换类型时键入的内容也会被删除，不过
<label＞元素仍然是被复用的，因为没有添加key 属性。
4\v-show 的用法与v-if 基本一致，只不过v -show 是改变元素的css 属性di splay 。当v-show 表
达式的值为false 时， 元素会隐藏，查看DOM 结构会看到元素上加载了内联样式display : none;,
例如：
<div id=” app ”>
<p v -show=”status === 1 ”〉当status 为1 时显示该行＜ Ip>
</div>
5\v-show 不能在template中用
6\ template
https://blog.csdn.net/u012123026/article/details/72460470
<-- 注意：使用<script>标签时，type指定为text/x-template，
意在告诉浏览器这不是一段js脚本，浏览器在解析HTML文档时会忽略<script>标签内定义的内容。-->
<script type="text/x-template" id="myComponent">//注意 type 和id。
<div>This is a component!</div>
</script>
<template id="myComponent"> <div>This is a component!</div> </template>
这种方法常用在vue单页应用中。详情看官网：https://cn.vuejs.org/v2/guide/single-file-components.html
创建.vue后缀的文件,组件Hello.vue，放到components文件夹中
7\
<div v-if="type === 'A'"> A </div> <div v-else-if="type === 'B'"> B </div> <div v-else-if="type === 'C'"> C </div> <div v-else> Not A/B/C </div>
8\<li v-for= ”(book , index) in books ” >{{ index}} - {{book . name })</li>
9\遍历对象属性时，有两个可选参数，分别是键名和索引：
<div id= ” app” >
<ul>
<li v-for= ” ( value , key , index ）in user ” >
{ { index } } - { { key } } : { { value } }
</li>
</ul>
</div>
10、
需要注意的是，以下变动的数组中， Vue 是不能检测到的，也不会触发视图更新：
• 通过索引直接设置项，比如app.books[3] = { ... }.
• 修改数组长度，比如叩p.books.length = 1 .
解决第一个问题可以用两种方法实现同样的效果，第一种是使用Vue 内置的set 方法：
Vue .set(app.books, 3 , {
name: ’ 《css 揭秘》’，
author ：’［希］ Lea Verou ’
., ) }
如果是在webpack 中使用组件化的方式（进阶篇中将介绍〉，默认是没有导入Vue 的，这时
可以使用$set ，例如：
this.$set(app.books, 3 , {
name: ’《css 揭秘》’，
author ：’［希］ Lea Verou ’
第5 章内置指令43
})
／／这里的this 指向的就是当前组件实例，即app 。在非webpack 模式下也可以用$set 方法，例
如app. $set( ... )
另一种方法：
app.books . splice(3 , 1 , {
name : ’《css 揭秘》’，
author ： ’ ［希J Lea Verou ’
})
第二个问题也可以直接用splice 来解决：
app.books.splice(l);
11、vuejs修身符
https://www.cnblogs.com/meiyh/p/6593462.html
12、