摘要：
//创建全局组件使用component方法，第一个参数是组件名，第二个配置 //只要创建全局组件，可以在任意地方的template中使用 Vue.component('Vheader', { template: ` <div> 我是导航组件 </div> ` }) 阅读全文
摘要：
使用局部组件的打油诗：创子、挂子、用子 <body> <div id="app"> <!-- 3.使用子组件 --> <App></App> </div> <script> //App组件包括html+css+js //1.创建组件 //注意：在组件中这个data必须是一个函数，返回一个对象 con 阅读全文
摘要：
<div id="app"> <!-- 过滤器使用需要加上管道符 | --> <h3>{{price | myPrice('￥')}}</h3> <h3>{{msg | myReverse}}</h3> </div> <script> //创建全局过滤器 Vue.filter('myReverse' 阅读全文
摘要：
<div id="app"> <h3>{{reverseMsg}}</h3> </div> <script> new Vue({ el: '#app', data: { msg: 'hello world' }, computed: { //computed默认只有getter方法 //计算属性最大 阅读全文
摘要：
<div id="app"> <input type="text" v-model="msg"> <h3>{{msg}}</h3> <br> <h3>{{stus[0].name}}</h3> <button @click='stus[0].name = "Tom"'>改变</button> </d 阅读全文
摘要：
指令系统： 指令中封闭了一些dom行为，结合属性作为一个暗号，暗号有对应的值，根据不同的值，框架会进行相关dom操作的绑定 1）、v-text 等价于 {{ }} 都是插入值，直接渲染，实现原理：innerText 2）、v-html 既能插入值，又能插入标签，实现原理：innerHTML 3）、v 阅读全文