摘要: 5.5 侦听器 1. 侦听器的应用场景 数据变化时执行异步或开销较大的操作 2. 侦听器的用法 watch: { firstName: function(val){ // val表示变化之后的值 this.fullName = val + this.lastName; }, lastName: fu 阅读全文
posted @ 2020-04-08 23:11 一纸年华 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 5.4 计算属性 1. 为何需要计算属性? 表达式的计算逻辑可能会比较复杂,使用计算属性可以使模板内容更加简洁 2. 计算属性的用法 computed: { reversedMessage: function () { return this.msg.split('').reverse().join 阅读全文
posted @ 2020-04-08 22:32 一纸年华 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 5.3 自定义指令 1. 为何需要自定义指令? 内置指令不满足需求 2. 自定义指令的语法规则(获取元素焦点) Vue.directive('focus' { inserted: function(el) { // 获取元素的焦点 el.focus(); } }) 3.自定义指令用法 <input 阅读全文
posted @ 2020-04-08 22:11 一纸年华 阅读(5) 评论(0) 推荐(0) 编辑
摘要: Vue常用特性 5.1 常用特性概览 表单操作 自定义指令 计算属性 过滤器 侦听器 生命周期 5.2 表单操作 1.基于Vue的表单操作 Input 单行文本 textarea 多行文本 select 下拉多选 radio 单选框 checkbox 多选框 <!DOCTYPE html> <htm 阅读全文
posted @ 2020-04-08 21:56 一纸年华 阅读(1) 评论(0) 推荐(0) 编辑