Vue组件嵌套

全局注册

在main.js中注册组件Users

import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false


import Users from './components/Users'
// 全局注册组件
Vue.component("users",Users)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  components: { App },
  template: "<App/>"
})

局部注册

在App.vue中注册

<template>
  <div id="app">
   {{this.title}}
   <users></users>
  </div>
</template>

<script>
import Users from './components/Users';

export default {
  name: 'App',
  data(){
    return {
      title:"这是我的第一个vue程序"
    }

  },
  // 这里不能使用 p div 等html元素名称
  components:{"users":Users}
}
</script>

<style>

</style>