![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
写完打豆豆
这个作者很懒,什么都没留下…
展开
-
vue自定义全局指令
vue中除了使用固定的一些指令外,也可以自定义一些全局指令,使用Vue.directive()命令。 自定义全局指令实例: 使用实例:原创 2020-11-15 20:44:17 · 412 阅读 · 0 评论 -
vue中的过滤器的使用
vue中的过滤器分为全局过滤器和局部过滤器 1、无参全局过滤器 //第一个参数是过滤器的名称,function是过滤器要执行的方法,其中的msg参数是固定的, 即是你需要过滤的数据 Vue.filter('msgFormat', function(msg) { return msg.replace(/单纯/g, 'xxx') }) 使用案例 <div id="app"> <p>{{ msg | msgFormat}}<原创 2020-11-15 19:57:17 · 239 阅读 · 0 评论 -
vue中数组的相关方法
vue中数组的常用方法:push、pop、shift、unshift、splice、sort、reverse、filter、find、findIndex、some、every。 1、push在数组的末尾增加一个元素,一次可以增加多个 2、pop在数组末尾删除一个元素 3、shift删除第一个元素 4、unshift在数组头部增加一个元素或者多个 5、splice删除、插入或者替换元素 6、sort数组排序 7、reverse 数组反转 8、filter创建一个新数组,新数组中的元素是符合指定条原创 2020-11-15 19:16:31 · 4337 阅读 · 0 评论 -
vue父子组件传值
1、父子组件传值 定义父组件 //父组件 //引入的add-widget组件 //使用 v-bind 的缩写语法通常更简单: <add-widget :msg-val="msg"> //这里必须要用 - 代替驼峰 // HTML 特性是不区分大小写的。所以,当使用的不是字符串模板,camelCased (驼峰式) 命名的 prop 需要转换为相对应的 kebab-case (短横线隔开式) 命名,当你使用的是字符串模板的时候,则没有这些限制 </add-widget> data()原创 2020-11-01 22:26:37 · 135 阅读 · 0 评论