美文网首页
vue3全局组件使用

vue3全局组件使用

作者: 43e1f527c136 | 来源:发表于2023-02-14 11:33 被阅读0次

    --创建组件

    --.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 )使用

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

    相关文章

      网友评论

          本文标题:vue3全局组件使用

          本文链接:https://www.haomeiwen.com/subject/ycdekdtx.html