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
}