摘要:
<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 阅读全文