vue 执行的先后顺序

index.html---->main.js---->App.vue

 

添加子组件 ，可以在main.js中变成全局的，在app.vue中直接用标签引用

main.js:

import Vue from 'vue'
import App from './App'
import router from './router'
import Users from './components/Users'

Vue.config.productionTip = false
Vue.component('users',Users)
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
render: h => h(App)
})

App.vue

 

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

<script>
export default {
name: 'App',
data(){
return{
title:"this is my first Vue project"
}
}
}
</script>