2021年11月2日
摘要: 总结: 过滤器: 定义:对要显示的数据进行特定格式化后显示(适用于一些简单逻辑处理) 语法: 1.注册过滤器(全局)Vue.filter(name,callback) 或 new Vue{filters:{}} 2.使用过滤器:{{xxx |过滤器名}} 或 v-bind:属性 ="xxx | 过滤 阅读全文
posted @ 2021-11-02 15:25 我不想一直当菜鸟 阅读(28) 评论(0) 推荐(0) 编辑
  2021年11月1日
摘要: 总结: 收集表单数据: 若:<input type="text"/>,则v-model收集的是value值,用户输入的就是value值 若:<input type="radio"/>,则v-model收集的是value值,且要给标签配置value值 若:<input type="checkbox"/ 阅读全文
posted @ 2021-11-01 23:12 我不想一直当菜鸟 阅读(92) 评论(0) 推荐(0) 编辑
  2021年10月31日
摘要: 总结: Vue监视数据的原理: 1.vue会监视data中所有层次的数据 2.如何监视对象中的数据? 通过setter实现监视,且要在new Vue时就传入要检测的数据。 (1)对象中后追加的属性,vue默认不做响应式的处理 (2)如需给后添加的属性做响应式,请使用如下API: Vue.set(ta 阅读全文
posted @ 2021-10-31 17:40 我不想一直当菜鸟 阅读(182) 评论(0) 推荐(0) 编辑
  2021年10月30日
摘要: 1.基本列表 总结: v-for指令: 1.用于展示列表数据 2.语法:v-for=("item,index") in xxx" :key="yyy" 3.可遍历:数组、对象、字符串(用的很少)、指定次数(用的很少) 遍历数组 遍历对象 遍历字符串 遍历指定次数 1 <!DOCTYPE html> 阅读全文
posted @ 2021-10-30 13:11 我不想一直当菜鸟 阅读(38) 评论(0) 推荐(0) 编辑
  2021年10月29日
摘要: 总结: 条件渲染: 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 我不想一直当菜鸟 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 总结: 绑定样式: 1.class样式: 写法:class="xxx",xxx可以是字符串、对象、数组。 字符串写法适用于:类名不确定,要动态获取。 对象写法适用于:要绑定多个样式,个数不确定,名字也不确定。 数组写法适用于:要绑定多个样式,个数确定,名字也确定。但并不确定用不用 2.style样式 阅读全文
posted @ 2021-10-29 10:35 我不想一直当菜鸟 阅读(40) 评论(0) 推荐(0) 编辑
  2021年10月28日
摘要: 总结: computed和watch之间的区别: 1.computed能完成的功能,Watch都可以实现 2.watch能完成的功能,computed不一定能完成,比如:watch可以进行异步操作 两个重要的小原则: 1.所被vue管理的函数,最好写成普通函数,这样this指代的才是vm或组件实例对 阅读全文
posted @ 2021-10-28 19:10 我不想一直当菜鸟 阅读(62) 评论(0) 推荐(0) 编辑
摘要: 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 我不想一直当菜鸟 阅读(38) 评论(0) 推荐(0) 编辑
  2021年10月27日
摘要: 案例姓名拼接三种方法实现 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 我不想一直当菜鸟 阅读(44) 评论(0) 推荐(0) 编辑
摘要: 1.事件的基本使用 总结: 1.使用v-on:xxx或 @xxx绑定事件,其中xxx是事件名 2.事件的回调需要配置在methods对象中,最终会在vm上 3.methods中的配置函数,不要用箭头函数!否则this就不是vm了 4.methods中的配置函数,都是被Vue所管理的函数,this的指 阅读全文
posted @ 2021-10-27 11:04 我不想一直当菜鸟 阅读(35) 评论(0) 推荐(0) 编辑