上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 32 下一页
摘要: 除了核心功能默认内置的指令v-model 和 v-show vue也允许注册自定义指令。 注意,在Vue2.0中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通Dom元素进行底层操作,这时候就会用到自定义指令。 有两种方式定义自定义指令,一:局部定义自定义指令 1、局部自定义指令 阅读全文
posted @ 2024-08-19 20:20 洛飞 阅读(8) 评论(0) 推荐(0) 编辑
摘要: vue.js允许自定义过滤器,可被用于一些常见的文本格式化 功能:对要显示的数据进行特定格式化后再显示 需求:有一个日期对象,想按照年月日的方式展示 以前的代码需要自己先获取年月日,然后进行拼接,我们利用计算属性来做,如下所示: <div id="app"> <p> 当前日期:{{date}}</p 阅读全文
posted @ 2024-08-19 16:42 洛飞 阅读(5) 评论(0) 推荐(0) 编辑
摘要: vue如果要更新v-for渲染出来的数据,它是不会操作dom元素的。 而是就地更新需要操作的元素,并且确保它们在每个索引位置正确渲染。 为了给vue一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有的元素,你需要为每项 提供一个唯一Key attribute; <div v-for="(i 阅读全文
posted @ 2024-08-19 14:43 洛飞 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 当model里面有多个数据需要再view中显示是,可以使用v-for指令来进行操作 可以使用v-for指令基于一个数组来渲染一个列表,v-for指令需要使用item in items形式的特殊语法 其中items是源数据数组,而item是被迭代的数组元素的别名 语法:<开始标签 v-for="自定义 阅读全文
posted @ 2024-08-19 10:24 洛飞 阅读(4) 评论(0) 推荐(0) 编辑
摘要: v-show表示是否显示和v-if用法一样 但是v-if为false时,是不会加载div的。v-show为true是会加载div的,但是会加上display:none的属性。 <div id="app"> <!-- 用于根据条件展示元素的选项是v-show指令,用法和v-if一致. --> <!-- 阅读全文
posted @ 2024-08-19 10:02 洛飞 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 当我们挂载内部的绑定数据发生变化,如果我们向需要执行一些处理程序才处理业务逻辑 就可以使用vue的侦听器watch属性。这个需要添加watch配置项。 <div id="app"> <p>我的名字是:{{name}}</p> <input type="text" v-model="firstName 阅读全文
posted @ 2024-08-16 16:33 洛飞 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 在插值表达式和指令中可以使用表达式,但是无论是指令还是插值表达式,设计的初衷都是为了数据渲染或者简单运算。 如果在插值表达式中过渡使用,则有以下缺点 1、模板中有大量运算,不推荐 2、无法复用计算 解决方法:引入计算属性配置项computed,计算得到的属性,这个属性也会成为data中的属性。 在计 阅读全文
posted @ 2024-08-15 16:55 洛飞 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 对象语法由key和value key就是样式属性名,value就是样式值(可以使用动态值,也可以静态值) 样式属性名包含特殊字符号,要么驼峰写法,要么使用引号包裹 我们可以在js中控制值的改变 将colorValue的值和我们data中的数据进行绑定,当data中的colorValue发生改变时,c 阅读全文
posted @ 2024-08-15 15:42 洛飞 阅读(16) 评论(0) 推荐(0) 编辑
摘要: .lazy 在默认情况下,vmodel在每次input事件触发后,输入框的值会与数据进行同步, 可以添加lazy修饰符,从而转化为在change事件之后进行同步,如下: <!-- 在change时而非input时更新 --> <input type="text" v-model.lazy="msg" 阅读全文
posted @ 2024-08-15 15:02 洛飞 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 使用v-model指令实现双向数据绑定的集合 v-model是v-on和v-bind指令的语法糖(指令集合) 可以使用v-model指令在表单 input、textarea、select等元素上创建双向数据绑定,他会根据控件类型自动选取正确的方法来更新元素。 加上v-model后,只要视图的数据发生 阅读全文
posted @ 2024-08-15 10:35 洛飞 阅读(17) 评论(0) 推荐(0) 编辑
上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 32 下一页