f1661434531的博客

Prop 是你可以在组件上注册的一些自定义 attribute。当一个值传递给一个 prop attribute 的时候，它就变成了那个组件实例的一个 property。为了给博文组件传递一个标题，我们可以用一个props选项将其包含在该组件可接受的 prop 列表中： Vue.component('blog-post', { props: ['title'], template: '<h3>{{ title }}</h3>' }) 一个组件默认可以拥有任意数量的 p.

全局注册组件 该组件名就是Vue.component的第一个参数。 当使用 kebab-case (短横线分隔命名) 定义一个组件时，你也必须在引用这个自定义元素时使用 kebab-case，例如。 Vue.component('my-component-name', { /* ... */ }) 当使用 PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。也就是说和都是可接受的。注意，尽管如此，直接在 DOM (即非字符串的模板) 中使用时只有 keb