<Text1 :msg="message"></Text1>
js
Vue.component('Text1',{
template:"<div>{{msg}}</div>",
props:{
msg:{
type:String,
default:"hello world"
}
}
})
注意事项
vue.esm.js?efeb:628 [Vue warn]: Do not use built-in or reserved HTML elements as component id: Text
查找发现是因为组件名称所致,也就是当我们起名一个Text.vue的组件时,我们安装的vue插件会自动把name设置为default
这就造成了错误
把Text修改为Tet1就ok了!!当然你可以修改为任何你喜欢的名字,前提是不冲突