vue
ALI_SAf
这个作者很懒,什么都没留下…
展开
-
Vue-过滤器的使用
使用位置:mustachc插值 v-bind表达式 添加在JavaScript的尾部 调用时的格式{{name | 过滤器的名称1 | 过滤器的名称N}} 格式Vue.filter('过滤器的名称',function(data){return data+'123'})过滤器function中的第一个参数已经被固定死,永远都是过滤器管道符前面传递过来的数据 过滤器可以处理多个数据字符串的replace方法第一个参数课下字符串和正则表达式(/正则/g(全局匹配))全局过滤器案例:<原创 2021-10-08 11:29:48 · 126 阅读 · 0 评论 -
Vue-商品案例的增删查
添加(分析)商品的添加需要用到click事件 数据提供的位置在data里面 使用v-for遍历出数据 push()获取添加的数据删除(分析)在v-for遍历数组的基础上使用click方法 删除数组的方法splice()商品案例具体代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conten原创 2021-10-06 17:39:05 · 194 阅读 · 0 评论 -
V-mode双向数据绑定
v-bind只能是想数据的单行绑定(M→V) v-model可以实现表单元素和model中数据的双向绑定。注意:v-model只能运用在表单元素(input(radio,text,address,email……)select checkbox textarea)中。案例简易计算器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=原创 2021-09-28 17:42:39 · 381 阅读 · 0 评论 -
从零开始学Vue
Vue基本的事件v-bind事件vue提供的属性绑定机制,可以简写为: v-cloak事件防止闪烁 v-text事件只显示data内定义的内容 v-html事件显示北html渲染后的内容 v-on事件vue提供的时间绑定机制,可以简写为@(v-mouseover:click 等价于v-on:click等价于@click) =>可以解决this指向问题事件修饰符.stop阻止冒泡事件的产生(阻止所有冒泡) .prevent阻止默认行为的发生 .capture捕获出发事件的机制原创 2021-09-28 12:00:18 · 140 阅读 · 0 评论