vue中的插件和过滤器

    技术2022-07-11  133

    vue中的插件通常为vue添加全局功能,插件的功能范围一般没有严格的限制

    插件的种类

    1,添加全局的方法 2,添加全局的资源,指令,过滤器,过渡等 3,通过全局混入,添加组件选项例如,vue—router 4,添加vue实例的方法 例如 vue.prototype 5,一个库,提供在自己的api

    使用插件

    通过全局方法,Vue.use()使用插件,他需要你在调用new Vue()启动之前完成

    vue。ues会自动组织多次注册相同的插件,即使多次调用也会只是注册一次该插件

    开发插件

    vue.js的插件暴露了一个install的方法,第一个参数是vue构造器,第二个参数是一个可选的选项对象

    过滤器

    vue允许自定义过滤器,经常被用来常见的文本格式化,过滤器可以用在两个地方:花括号里面和v—bind表达式,过滤器应该被添加在js表达式的底部

    <!-- 在双花括号中 --> {{ message | capitalize }} <!--`v-bind`--> <div v-bind:id="rawId | formatId"></div>

    可以定义局部过滤器(在组件内部定义) 也可以定义全局过滤器(在vue全局注册 vue.filter)

    当全局过滤器和局部过滤器重名时,会采用局部过滤器

    过滤器还可以串联

    Processed: 0.011, SQL: 9