VUE全局组件与局部组的使用

本实例未开启es6代码严格检查

局部组件调用 

<template>

  <div id="app">app.vue

    //3,调用组件

    <Users />

  </div>

  

</template>

 

<script>

//1，局部调用组件

import Users from './components/Users'

export default {

  name: 'app',

  components: {

    //2，注册组件

    Users

  }

}

</script>

全局组件

import Vue from 'vue'

import App from './App.vue'

// //注册全局组件

// //1，引入组件

// import Users from './components/Users'

 

// //注册全局组件

// Vue.component("users",Users)

Vue.config.productionTip = false

 

new Vue({

  render: h => h(App),

}).$mount('#app')