Vue中的全局组件和局部组件的注册及使用

全局组件注册
你在components文件夹下添加了一个组件

在main.js文件中加入以下两行代码

import Users from './components/Users'
Vue.component("users", Users);

在App.vue文件中就可以之间通过标签调用

<template>
  <div id="app">
    <users></users>
  </div>
</template>

局部组件注册
在App.vue的 script 标签里加入如下代码

import Users from './components/Users'
export default {
  name: 'App',
  data(){

  },
  //注册组件
  components:{
    //给个名字，可省略 直接 Users
    "users": Users
  }
}