想不出来,把官方的拿过来vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示,管道是指 ' | '(回车键上方),又分为局部过滤器和全局过滤器,语法请客官往下走
全局过滤器语法的话就是:
import Vue from 'vue'
Vue.filter('过滤器名称',(value)=>{
console.log(value)
return ''
/**
*value就是在哪里插入,就是哪里的文本
*过滤器中必须返回一个结果,就是对该文本的操作
*
*/
})
局部过滤器语法:
data () {
return {
}
},
// 局部过滤器
filters:{
/**
*
*函数写法,支持es6
*函数名字就是过滤器名称
*函数中有一个形参,就是想要操作的文本
*
*/
myFilter(value){
return ''
//就和全局过滤器一样
}
}
在组件中使用:
<div>{{ data中定义的数据 | 定义的过滤器名称 }}</div>
<!-- v-bind中是这样 -->
<div v-bind:id="id | 过滤器名称"></div>
<!--多个使用时是这样的 {{ data | FilterA | FilterB }}-->
<!--还可以接收参数,因为filter本身就是一个函数 像这样{{ data | FilterA('asd',nm) }}-->
相信大家一定用过ui组件库,那么肯定就见过Vue.use(),那么这个use到底是做什么的呢???? 我也不知道,尬不尬,这属于Vue的源码解析,管他呢,能use一个plugin插件就行,就和Vue.use(elementui)这种组件库,我们开始吧
搬运我们黑马社区的讲解:
①:Vue.use是通过initUse这个方法初始化的 ,Vue.use接受一个参数plugin,方法检测了installedPlugins这个数组中是否已经包含想要注册的组件,可知插件只允许被注册一次,二次注册是无效的。
②:调用toArray将转入的参数转换成数组
③:把当前Vue对象this插入转化后的数组前
④:判断plugin中install是否是一个方法,如果是,则传入plugin及转化后的数组;此外,如果plugin本身就是一个方法,则传入转化后的数组,随后执行这个方法,由此可知Vue.use(插件)实际上会调用插件的install方法,并且调用use的时候是可以传参数的。
注:以上还可以知道,vue只会对plugin中的两种情况处理,即要么plugin中有install函数,要么plugin本身就是一个函数。
⑤:将注册后的插件推进installedPlugins,避免重复注册,返回当前实例,代码执行结束。
这样写一个插件:
import comA from '@/components/coma.vue'
// 首先需要导出一个对象
export default {
//有一个函数,官方定义的,必须写,安装的英文 函数中有一个Vue的形参
install(Vue){
// 自定义指令 两种写法
Vue.directive('自定义指令名称',/** 可以写一个函数,也可以写一个对象,对象的好处可以调用其他api */{
// 有一个选项
inserted(el){
//el此时就是该元素
console.log(el)
}
}),
// 还可以加入公共组件的引入
Vue.component('com-a',comA)
}
}
向web前端开发者整理提供的chrome插件或应用:比如Postman、JSON Viewer、Page Ruler 、ChromeADB 等等
作为前端开发,我们都习惯使用一些开源的插件例如jquery工具库,那么如何使用原生js来开发封装一个自己的插件呢?接下来就看一下怎么去开发一个自己的js插件,先上代码
jquery.typeahead.js是一款高级的自动补全jQuery插件。该自动补全插件提供超过50个配置选项和回调方法,用于完成自动补全功能,能够完成绝大部分表单自动补全的需求。
这篇文章为大家分享图片轮播插件,最全最简单最通用的 幻灯片轮播插件,pc端和移动端都可完美使用,能满足绝大部分网站的轮播需求。js轮播插件包括Swiper、slick、owl carousel2、jssor/slider 、iSlider 等
在上个项目中,客户希望时间选择插件可以是ios风格的那种,但是找了很久,发现并没有用vue的ios风格时间插件,于是自己便自己造了一个轮子.插件依赖于better-scroll和vue
在前端开发中,使用Visual Studio Code有哪些你常用的插件?推荐几个自己喜欢的,不带链接,自己搜索安装吧。这些都是比较实用、前端必备的插件集
常用谷谷歌浏览器确实没有其它国产软件的内置功能丰富。但是 Google 浏览器的的优点恰恰就体现在拥有超简约的界面,以及支持众多强大好用的扩展程序,用户能够按照自己的喜好去个性化定制浏览器。今天我就给大家介绍几款自己常用的插件。
安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录,也可以安装package control组件,然后直接在线安装
BlockUI 插件是用于进行AJAX操作时模拟同步传输时锁定浏览器操作。当它被激活时,它会阻止使用者与页面(或页面的一部分)进行交互,直至它被取消。BlockUI以在DOM中添加元素的方法来实现阻止用户与浏览器交互的外观和行为
使用vscode开发vue项目的时候,从远端拉下一个新的项目后,安装完依赖后跑起项目时,发现直接报了一堆语法错误:包括换行、空格、单双引号、分号等各种格式问题
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!