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

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>