前端基础之《Vue(12)—插件封装》

一、插件封装

1、在Vue生态中,除了Vue本身,其它所有的与Vue相关的第三方包,都是插件
例子:

import VueRouter form 'vue-router'
Vue.use(VueRouter) // 注册插件

2、如何封装Vue插件
(1)第一种写法
const Plugin = { install (Vue) { //do something} }
(2)第二种写法
const Plugin = function (Vue) {}

3、如何使用插件
Vue.use(Plugin)
调用插件上的install方法,并传入Vue实参。

4、插件的作用
插件是一种更加高级的代码复用技术,可以以插件的方式为我们提供可复用的组件、混入、指令、过滤器、原型链API等等。

二、例子代码



    插件封装
    


    

{{ "99.1" | rmb }}

测试

你可能感兴趣的:(前端基础,前端,vue)