vue-cli3注册全局组件与注册局部组件

最新推荐文章于 2024-09-27 18:12:30 发布

yang_YY_

最新推荐文章于 2024-09-27 18:12:30 发布

阅读量1.7k

点赞数 1

文章标签： vue javascript vue.js

本文链接：https://blog.csdn.net/yang_YY_/article/details/109483802

版权

本文介绍了在vue-cli3项目中如何注册全局和局部组件。全局组件需在main.js中注册，以便在所有组件中使用；而局部组件则在需要的地方引入，仅限于当前组件及其子组件使用。

摘要由CSDN通过智能技术生成

vue-cli3 注册全局组件与注册局部组件

注册全局组件

注册全局组件一定要在main.js里面，main.js是逻辑入口文件。全局注册的组件，在任何地方都是可以使用的。

  import Vue from 'vue'
  import App from './App.vue'
  import router from './router'
  import store from './store'
  
  //注册全局组件在main.js ,在任何地方都可以使用该组件
  
  // 第一步引入组件
  import Users from './components/Users'
  
  //第二步注册全局组件
  Vue.component('users', Users);
  
  Vue.config.productionTip = false	
  new Vue({
    render: h => h(App),
  }).$mount('#app')

之后我们就可以在父组件中直接引用了

  <template>
  	 <div id="app">
  	    <!-- 将组件映射成标签 -->
  	    <users />
  	 </div>
  </template>
  <script>
  	export default {
  		  name: "App",
  		  components: {
  		  }
  	};
  </script>
  <style>
  	#app {}
  </style>