vue 引入全局组件/局部引入

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 引入全局组件/局部引入相关的知识,希望对你有一定的参考价值。

参考技术A (一 )全局组件引入

1,新建demo.vue

2,在main.js里面引入

//引入全局组件

import commonfrom './view/tshy/official/common'

Vue.component('common',common)

3,在需要用的组件引入

<common></common>

(二),组件引入

import MyComponent from './view/tshy/official/common';

components: MyComponent

vue-cli 全局组件的引入和 App.vue局部组件的引入方法区别

 

4,vue-cli 组件知识:

4.1 全局注册组件

先在main.js里这样写。  然后在App.vue里面 的template模板里 直接使用  <users></users>加载使用即可

 

4.2局部组件引入方法 就是在App.vue里引入。

 

以上是关于vue 引入全局组件/局部引入的主要内容,如果未能解决你的问题,请参考以下文章

vue引入全局组件和局部组件的区别以及全局注册公共函数

Vue3_15(全局组件,局部组件,递归组件)

Vue中如何注册全局组件和局部组件(详解)

批量自动化注册全局组件(Vue3)

vue自定义全局loading加载组件

Vue 全局注册组件和局部注册组件