摘要: 侦听器 1. 侦听器的应用场景 数据变化时执行异步或开销较大的操作 2. 侦听器的用法 watch: { firstName: function(val){ // val表示变化之后的值 this.fullName = val + this.lastName; }, lastName: functi 阅读全文
posted @ 2021-09-26 15:33 一纸年华 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 计算属性 1. 为何需要计算属性? 表达式的计算逻辑可能会比较复杂,使用计算属性可以使模板内容更加简洁 2. 计算属性的用法 <div id="app"> <div>{{msg}}</div> <div>{{reverseString}}</div> </div> computed: { rever 阅读全文
posted @ 2021-09-26 15:15 一纸年华 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 自定义指令 1. 为何需要自定义指令? 内置指令不满足需求 2. 自定义指令的语法规则(获取元素焦点) Vue.directive('focus' { inserted: function(el) { // 获取元素的焦点 el.focus(); } }) 3.自定义指令用法 <input type 阅读全文
posted @ 2021-09-26 11:50 一纸年华 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 1.Vue如何处理事件? v-on 指令用法 <input type = 'button' v-on:click = 'num++'/> v-on 简写形式 <input type = 'button' @click = 'num++'/> 2.事件函数的调用方式 直接绑定函数名称 <button 阅读全文
posted @ 2021-09-26 10:45 一纸年华 阅读(253) 评论(0) 推荐(0) 编辑
摘要: 问题:有时候网速较慢,导致 Vue 来不及渲染数据,这时页面就会先显示出 Vue 源代码,闪动一下后才显示出渲染后的页面和数据。 这个问题可以用 v-cloak指令来解决。 1.提供样式 2.在插值表达式所在标签中添加v-cloak指令 [v-cloak] { display: none; } <d 阅读全文
posted @ 2021-09-26 10:13 一纸年华 阅读(139) 评论(0) 推荐(0) 编辑