vue组件component的注册与使用详解_vue.js

import hello from './components/hello.vue'
// export default {} 是固定写法 为了导出App组件
export default {
//此处定义了私有组件！
components: { hello },

import Vue from 'vue'
import App from './App.vue'
//导入全局组件 world.vue
import world from '@/components/world.vue'
//注册 world.vue 组件
Vue.component('world', {
//可直接缩写为 world
'world': world
})
//-------以下为此全局组件（world.vue）的代码---------



import hello from '@/component/hello.vue'

export default {
data{},
component: {
// 'hello':hello简写为hello
hello
}
}

import Vue from 'vue'
import App from './App.vue'
//导入全局组件 world.vue
import world from '@/components/world.vue'
//注册 world.vue 组件
Vue.component('world', {
//可直接缩写为 world
'world': world
})
Vue.config.productiOnTip= false
new Vue({
render: h => h(App),
}).$mount('#app')







favicon.ico" >