我不想一直当菜鸟

2021年11月3日

摘要： 1.v-text指令: 作用：向其所在节点中渲染文本内容与插值语法的区别： v-text会替换掉节点中的内容，{{xx}}则不会之前学过： v-bind : 单向绑定解析表达式，可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监阅读全文

posted @ 2021-11-03 22:35 我不想一直当菜鸟阅读(41) 评论(0) 推荐(0)

2021年11月2日

15_过滤器

摘要：总结：过滤器：定义：对要显示的数据进行特定格式化后显示（适用于一些简单逻辑处理）语法： 1.注册过滤器（全局）Vue.filter(name,callback) 或 new Vue{filters:{}} 2.使用过滤器：{{xxx |过滤器名}} 或 v-bind:属性 ="xxx | 过滤阅读全文

posted @ 2021-11-02 15:25 我不想一直当菜鸟阅读(37) 评论(0) 推荐(0)

2021年11月1日

14_收集表单数据

摘要：总结: 收集表单数据：若：<input type="text"/>,则v-model收集的是value值，用户输入的就是value值若：<input type="radio"/>，则v-model收集的是value值，且要给标签配置value值若：<input type="checkbox"/ 阅读全文

posted @ 2021-11-01 23:12 我不想一直当菜鸟阅读(105) 评论(0) 推荐(0)

2021年10月31日

13_总结Vue数据监测

摘要：总结： Vue监视数据的原理： 1.vue会监视data中所有层次的数据 2.如何监视对象中的数据？通过setter实现监视，且要在new Vue时就传入要检测的数据。（1）对象中后追加的属性，vue默认不做响应式的处理（2）如需给后添加的属性做响应式，请使用如下API: Vue.set(ta 阅读全文

posted @ 2021-10-31 17:40 我不想一直当菜鸟阅读(193) 评论(0) 推荐(0)

2021年10月30日

12_列表渲染

摘要： 1.基本列表总结： v-for指令: 1.用于展示列表数据 2.语法：v-for=("item,index") in xxx" :key="yyy" 3.可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少）遍历数组遍历对象遍历字符串遍历指定次数 1 <!DOCTYPE html> 阅读全文

posted @ 2021-10-30 13:11 我不想一直当菜鸟阅读(44) 评论(0) 推荐(0)

2021年10月29日

11_条件渲染

摘要：总结：条件渲染： 1.v-if 写法：（1）v-if="表达式" （2）v-else-if="表达式" (3）v-else-if="表达式" 适用于：切换频率较低的场景特点：不展示DOM元素直接被移除注意：v-if可以和 v-else-if、v-else-if一起使用，但要求结构不能被“打断阅读全文

posted @ 2021-10-29 11:24 我不想一直当菜鸟阅读(50) 评论(0) 推荐(0)

10_绑定样式

摘要：总结：绑定样式： 1.class样式：写法：class="xxx",xxx可以是字符串、对象、数组。字符串写法适用于：类名不确定，要动态获取。对象写法适用于：要绑定多个样式，个数不确定，名字也不确定。数组写法适用于：要绑定多个样式，个数确定，名字也确定。但并不确定用不用 2.style样式阅读全文

posted @ 2021-10-29 10:35 我不想一直当菜鸟阅读(51) 评论(0) 推荐(0)

2021年10月28日

watch对比computed

摘要：总结： computed和watch之间的区别： 1.computed能完成的功能，Watch都可以实现 2.watch能完成的功能，computed不一定能完成，比如：watch可以进行异步操作两个重要的小原则： 1.所被vue管理的函数，最好写成普通函数，这样this指代的才是vm或组件实例对阅读全文

posted @ 2021-10-28 19:10 我不想一直当菜鸟阅读(84) 评论(0) 推荐(0)

09_监视属性

摘要： 1.天气案例 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="vi 阅读全文

posted @ 2021-10-28 17:05 我不想一直当菜鸟阅读(50) 评论(0) 推荐(0)

2021年10月27日

08_计算属性

摘要：案例姓名拼接三种方法实现 1.通过插值语法实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 阅读全文

posted @ 2021-10-27 21:04 我不想一直当菜鸟阅读(50) 评论(0) 推荐(0)