摘要: 创建一个v myfocus指令,实现input框自动聚焦 阅读全文
posted @ 2019-03-10 22:39 木石天涯 阅读(6420) 评论(0) 推荐(0) 编辑
摘要: ref属性可以用来获取dom的引用,它的值可以随便定义, 但是注意这个名字不要和页面中其他的ref属性名相同,获取定义的ref可以通过this.$refs.ref的名字 阅读全文
posted @ 2019-03-10 22:17 木石天涯 阅读(7565) 评论(0) 推荐(1) 编辑
摘要: v-cloak指令可以用于解决表达式闪烁问题(现在很少用) 1. 首先找到你表达式闪烁的标签,给它加上v-cloak指令 2. 利用属性选择器选中v-cloak设置display:none 3. 当这个vue实例编译完成之后,它会把标签上的v-cloak指令移除掉 v-cloak指令可以用于解决表达 阅读全文
posted @ 2019-03-10 16:48 木石天涯 阅读(191) 评论(0) 推荐(0) 编辑
摘要: v-if和v-show都能够用来控制元素的显示与隐藏 v-if是通过操作dom来控制元素显示与隐藏,根据表达式的值的真假条件来决定是否渲染元素,如果条件为false不渲染(达到隐藏元素的目的),为true则渲染。在切换时元素及它的数据绑定被销毁并重建; 而v-show是根据表达式的真假值,切换元素的 阅读全文
posted @ 2019-03-10 16:21 木石天涯 阅读(282) 评论(0) 推荐(0) 编辑
摘要: 监听dom事件使用v-on指令: v-on:事件类型="一个函数" 这个事件类型可以自定义 简写: @事件类型="一个函数"⭐ 1、作用:绑定事件监听,表达式可以是一个方法的名字或一个内联语句, 如果没有修饰符也可以省略,用在普通的html元素上时,只能监听 原生 DOM 事件。用在自定义元素组件上 阅读全文
posted @ 2019-03-10 15:51 木石天涯 阅读(3259) 评论(0) 推荐(0) 编辑
摘要: v-model指令用来实现双向数据绑定,这个指令只能给input/select/textarea这些标签使用(组件也可以使用) 双向数据绑定就是:数据模型中的数据与视图中的数据同步变化 双向数据绑定就是:数据模型中的数据与视图中的数据同步变化 阅读全文
posted @ 2019-03-10 15:09 木石天涯 阅读(151) 评论(0) 推荐(0) 编辑
摘要: v-for指令可以用来遍历数组/对象 它可以根据data中数据的更新动态刷新视图 1. 遍历数组 1.1 使用方式: v-for="item in arr" item是一个参数,表示数组中的每一项,arr也是一个参数,表示你要遍历的数组 1.2 使用方式: v-for="(item, index) 阅读全文
posted @ 2019-03-10 14:49 木石天涯 阅读(4022) 评论(0) 推荐(0) 编辑