2018.9.16（学习vue.js框架）

今天研究Vue.js框架（至今一个框架都不了解，感觉有点不好意思）
详情见6.html
（以前曾鼓捣过一次，那次弄得很麻烦。现在发现只要在开头引用vue.min.js就行了，就跟引用jquery差不多==|||）
（参照菜鸟教程上的vue进行学习）

Vue中{{message}}内容会被当做纯文本输出，若要输出html，则需要在当前结构标签中设定v-html="message"。
注意：设定v-html后，当前结构中的其他内容都会被忽略，如<p v-html="message">ff</p>，其中ff会被忽略

指令：是带有v-前缀的特殊属性，用于在表达式改变时，将某些行为应用到DOM上（标注在html的标签内）
v-if="true/false" ：决定是否插入该标签元素，如<p v-if="doge">mumn</p> doge:false，则不插入
v-bind:parameter="content"：将parameter属性跟content参数绑定，用于后台控制
（注意：v-bind:href可缩写为:href）
v-on:监听DOM事件
（注意：v-on:click可缩写为@click）
v-show：控制元素显示或隐藏（与v-if的区别在于元素是否真正被渲染）
v-for="site in sites"(site相当于正常for循环里的i，为迭代元素的别名，sites可以使数组、对象等)
v-model作用跟v-bind相似，但v-model是双向绑定，相当于是v-bind和v-on的语法糖
（语法糖：方便程序员使用和理解的语法，意思是更快捷简便的写法）

compute和methods的区别：compute依赖于元素变化时才会调用，效率较高，但会产生缓存