2021 年 4月 5 日随笔档案 - ellaha

2021年4月5日

摘要：打开谷歌浏览器设置 >更多工具 >扩展程序--》勾选开发者模式》加载已解压的扩展程序》选择“chrome扩展”文件夹，至此恭喜已经安装成功！！！阅读全文

posted @ 2021-04-05 17:01 ellaha 阅读(111) 评论(0) 推荐(0)

摘要：一，总结 v-bind只能实现数据的单项绑定，从M自动绑定到V，无法实现数据的双向绑定 v-model可以实现表单元素和Model中数据的双向数据绑定注意：v-model只能运用在表单元素中 input(radio text address email)，select，checkbox，texta 阅读全文

posted @ 2021-04-05 15:14 ellaha 阅读(159) 评论(0) 推荐(0)

Vue指令之v-if和v-show

摘要：一，总结 1、v-if 的特点：实现方式：根据后面数据的真假判断是否重新删除或创建元素。性能消耗：有较高的切换性能消耗。编译过程：v-if 切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件。 2、v-show的特点：实现方式：每次不会重新进行DOM的删除和创建阅读全文

posted @ 2021-04-05 14:38 ellaha 阅读(345) 评论(0) 推荐(0)

Vue中v-for key的使用注意事项

摘要：一，创建页面 <div id="app"> <div> <label for="">Id <input type="text" v-model="id"> </label> <label for="">name <input type="text" v-model="name"> <input ty 阅读全文

posted @ 2021-04-05 14:04 ellaha 阅读(712) 评论(0) 推荐(0)

Vue中v-for指令的四种使用

摘要：一，循环普通数组 1，创建Vue实例对象 <div id="app"> <p v-for="(item, i) in list">每一项值{{item}} 索引值为{{i}}</p> </div> 2，循环数据 <script> var vm = new Vue({ el: '#app', data 阅读全文

posted @ 2021-04-05 10:48 ellaha 阅读(1582) 评论(0) 推荐(0)