vue.component

<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了！！当然你可以修改为任何你喜欢的名字，前提是不冲突