vue3如何自定义插件以及es6 export三种暴露和引入

最近自己在跑最新的vue的项目，确实和2来比写法还是有点差别，但都相通的

vue里的插件本质上来说就是个对象，对象里必须包含方法install

具体可以查看官方api

https://v3.cn.vuejs.org/api/application-api.html#use

 

 

 

创建一个plugin.js文件演试一下

 

 

 

由于只有一个，我这里就用默认暴露了，对es6中export暴露迷糊的小伙伴我在这里简单说一下

总共有：分别、默认、统一三种暴露方法

分别：

export let aaa = 1
export function hello(){
    console.log("hhhh")
}

分别暴露的引入方式：解构赋值引入   import { x , hello } from "文件路径"

 

默认：

//默认暴露一个函数
export default function hello(){
    console.log("你好a")
}

默认暴露一个对象
let b = 1
function hello(){
    console.log("你好")
}
export default { b , hello}

默认暴露的引入方式：import hello from "文件路径"

 

统一：

let b = 1
function hello(){
    console.log("你好a")
}
export { b , hello}

 

 

 啰嗦完毕，继续看插件引入和应用，注意版本。旧版本使用Vue.use(plugins)引入

vue2用法