ps: 全局组件指的是全局配置,只需全局引入一次就能在 vue文件中使用
局部配置指的的公共组件写在components中,每次使用都要引入,这二个概念需要区分清楚
1.目录结构
2.创建你要全局的一个组件页面,如下run.vue
3.在刚才创建的index.js页面引入你想要全局的组件
import Vue from 'vue'
import run from './views/run.vue'
Vue.component('run',run)
Vue.component('test', {
render: function (createElement) {
var self = this
// 第一个参数是一个简单的HTML标签字符 “必选”
// 第二个参数是一个包含模板相关属性的数据对象 “可选”
return createElement('div', {
'class': {
foo: true,
bar: false
},
style: {
color: 'red',
fontSize: '14px'
},
attrs: {
id: 'boo'
},
domProps: {
innerHTML: 'Hello Vue!'
}
})
}
})
4.在main.js引入
5.在需要使用全局组件 的vue文件中使用
效果图: