vue2注册组件及传参(全局注册)

1. 在main.js中注册组件

Vue.component('footerm', {
  props: ['title'],
  template: '<footer>{{title}}</footer>'
})

2. 在页面中使用

home.vue

<template>
	<div>
		<footerm :title="'这是底部文字'"></footerm>
	</div>
</template>

运行后如果报错：You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

解决方法：
打开vue.config.js中添加以下代码
参考：https://blog.csdn.net/COCOLI_BK/article/details/108866842

module.exports = {
  runtimeCompiler: true
}