摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv= 阅读全文
摘要：
绑定的事件处理函数必须定义到VM实例的methods属性中 <div> <input type="button" value="点击我" v-on:click="add"> <input type="button" value="点击我" @click="add"><!-- 简写形式@ --> <i 阅读全文
摘要：
v-bind指令只能实现数据的单向绑定，从data自动同步到view上 <input type="button" value="按钮" v-bind:title="btnTitle" v-bind:id="customldNmae"> 为了简化这个v-bind可以省略，只写冒号: <input ty 阅读全文
摘要：
不想让标签显示出来 msg:"<h6>我有标签</h6>" <p v-html="msg"></p> 想让标签显示出来 msg:"<h6>我有标签</h6>" <p v-text="msg"></p> 阅读全文
摘要：
可以给标签一个v-cloak指令，再对只要有v-cloak指令的标签进行样式隐藏,因为当渲染完毕后，标签中的v-cloak指令会被vue移除。 <style> [v-cloak]{ display:none; } </style> <div id="app"> <p v-cloak>{{ msg } 阅读全文
摘要：
****4.1在使用插值表达式时存在闪烁问题，即JS文件还没有彻底下载下来时，{{}}里的代码会原封不动显示出来，不友好。但v-text指令没有闪烁问题。****4.2{{}}只会插入双括号内的数据，双括号外的数据不改动。v-text会替换掉原有内容 阅读全文
摘要：
这种{{}}语法叫做插值表达式，在插值表达式中，可以写任何合法的js表达式{{msg+"123"}} 得到的是msg数据与后面的123连接在一起{{msg2?"这个值是true":"这个值是false"}} 用于判断语句 阅读全文
摘要：
***2.1.在HTML中编写，需要引入vue.js,即在页面中导入Vue的包 <script src="https://unpkg.com/vue/dist/vue.js"></script> ***2.2.在div标签中设置id属性，在一个p标签中设置接收的变量（即创建一个容器，使用Vue就可以 阅读全文
摘要：
M:页面中要渲染的数据V:页面中用来显示数据的DOM元素VM:调度者,用来联系M和V层MVVM相比MVC来说,提供了数据的双向绑定机制. 阅读全文