vue3全局组件使用

2023-02-14  本文已影响0人  43e1f527c136

--创建组件

--.index和.vue文件

    .vue为组件文件

.    index为导出文件

    //   通过注册插件方式Navlink变为全局组件

    import NavLink from './NavLink.vue'

    // 插件特点

    // 1.具有install函数的对象

    // 2.install的性参赋值 app实例对象

    // 注意只有将当前插件挂载到,项目核心app对象上才能被项目使用

    export default {

      install(app) {

        app.component('NavLink', NavLink)

      },

    }

---main.js进行注册

引入

 import NavLink from './layout/NavLink'

app.use(NavLink )使用

最后就可以直接在其他地方直接使用了

上一篇下一篇

猜你喜欢

热点阅读