摘要: 自定义指令总结: 1、 定义语法: 局部指令: new Vue(directives:{指令名:配置对象}或directives:{指令名:回调函数}) 全局指令: Vue.directive(指令名,配置对象) 或Vue.directive(指令名,回调函数) 2. 配置对象中三个回调: 1. b 阅读全文
posted @ 2022-07-17 23:27 小罗要有出息 阅读(106) 评论(0) 推荐(0) 编辑
摘要: v-text v-text指令: 1. 作用:向其所在的节点中渲染文本内容 2. 与插值语法的区别: v-text 会替换掉节点中全部的内容,而{{xxx}}不会 <body> <div id="root"> <h1>你好,{{name}}</h1> <h1 v-text="name"></h1> 阅读全文
posted @ 2022-07-17 21:39 小罗要有出息 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 过滤器: 定义:对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理)。 语法: 1. 注册过滤器:Vue,filter(name,callback),或new Vue{filters:{}} 2.使用过滤器:{{xxx | 过滤器名}} 或v-bind:属性 = "xxx | 过滤器名" 阅读全文
posted @ 2022-07-17 20:34 小罗要有出息 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 收集表单数据: 若<input type="text"/>,则v-model收集的是value值,用户输入的就是value值 若<input type="radio"/>,则v-model收集的是value值,且要给标签配置value值 若<input type="checkbox"/> 1、没有配 阅读全文
posted @ 2022-07-17 17:56 小罗要有出息 阅读(42) 评论(0) 推荐(0) 编辑
摘要: Vue监视数据的原理 1. vue会监视data中所有层次的数据 2. 如何监测对象中的数据? 通过setter实现监视,且要在new Vue时就传入要监测的数据 1、对象中后追加的属性,Vue默认不做响应式 2、如需给后添加的属性做响应式,请用如下API: Vue.set(target,prope 阅读全文
posted @ 2022-07-17 16:19 小罗要有出息 阅读(139) 评论(0) 推荐(0) 编辑
摘要: v-for的基本使用 v-for指令: 1. 用于展示列表数据 2. 语法 :v-for="(item,index) in XXX" :key="YYY" 3. 可以遍历 :数组,对象,字符串(用的少),指定次数(用的少) <body> <div id="root"> <!-- 遍历数组 --> < 阅读全文
posted @ 2022-07-17 09:43 小罗要有出息 阅读(74) 评论(0) 推荐(0) 编辑