锵锵锵锵，他来了他来了，这篇文章带着Vue的常用内置指令出现了
让我们有请第一位内置指令——— 'v-bind'
- 姓名：v-bind
- 工作：单项数据绑定
- 工作方法：
<input type="text" v-bind:value="name"> - 简写：
<input type="text" :value="name"> - 自我介绍：你猜我为啥叫单项而不是双项？
下面向我们走来的指令是v-band的姐妹——v-model
-
姓名：v-model
-
工作：双向数据绑定
-
工作方法：
<input type="text" v-model="name"> -
自我介绍：我可以实现子组件到父组件的双向数据动态绑定。数据不仅能从data流向页面，还可以从页面流向data。现在你可以去回答我姐妹的问题了索。使用v-band的话数据只能从 data 流向页面
-
注：
<h2 v-model:x="name">你好啊</h2>这段代码是错的，因为v-model只能应用在表单类元素（输入类元素）上
欢迎第三位内置指令——v-show
- 姓名：v-show
- 工作：控制显示/隐藏
- 工作方法：
<h2 v-show="false">欢迎来到{{name}}</h2> - 自我介绍： 我的使用的显示隐藏原理是为该元素添加
css--display:none，dom元素依旧还在 注意！！！这和下面兄弟的原理可不一样吼
欢迎下一位指令——v-if闪亮登场
- 姓名：v-if
- 工作：控制显示/隐藏。如果为 true, 当前标签才会输出到页面。
- 工作方法：
<h2 v-if="1 === 1">欢迎来到{{name}}</h2> - 自我介绍：我控制显示隐藏的原理是将
dom元素整个添加或删除。如果需要频繁切换的话还是使用 v-show比较好
接下来上场的指令是 v-else
- 姓名： v-else
- 工作： v-if 的好搭档
- 工作方法：
········<div v-else>哈哈</div> - 自我介绍：我和v - if一起出现，当v-if判断为true时，我不执行；当v-if判断为false时，就是我发光发热的时候了！！
当当当当，第6位——v-on
- 姓名：v-on
- 工作：绑定事件监听
- 工作方法：
<button v-on:click="changeWeather">切换天气</button> - 简写方式：
<button @click="changeWeather">切换天气</button> - 自我介绍：绑定事件的时候，@xxx=='yyy',yyy可以写一些简单的语句，复杂的就不要这样写了！！
007——v-text
- 姓名：v-text
- 工作：更新元素（textContent）
- 工作方法：
<div v-text="str"></div> - 自我介绍：我只能更新元素的 text的内容，看不懂
这种长得乱七八糟的东西，但！这也是我的优势啊
008——v-html
- 姓名：v-html
- 工作：更新元素（innerHTML）
- 工作方法：
- 自我介绍：我可以把标签转义输出！！！哎，虽然我不想承认，但是————使用我的话不太安全X﹏X
009-v-for
-
姓名：v-for
-
工作：遍历数组/对象
-
工作方法：
<li v-for="(p,index) of persons" :key="index"> -
自我介绍：我可以遍历对象，遍历数组，遍历字符串，还可以遍历指定次数!!
循环数组的时候有两个参数 第一个是数组项(表示数组中的每一项) 第二个是索引值 也叫下标。
循环对象的时候有三个参数 第一个是键值对的值（value） 第二个是键值对的键（key）第三个是下标
<p v-for="(item,index) in 10"></p>遍历指定次数的话这样用
last but not least—— v-cloak
-
姓名：v-clock
-
工作：与 css 合作，以防止闪现
-
工作方法：
[v-cloak]{ display:none; }<h2 v-cloak>{{name}}</h2> -
自我介绍：
我本质是一个特殊属性，Vue实例创建完毕并接管容器后，就会被删掉 我与css配合可以解决网速慢时页面展示出{{xxx}}的问题。
