string
允许组件模板递归地调用自身。注意,组件在全局用 Vue.createApp({}).component({})
注册时,全局 ID 自动作为组件的 name。
指定 name
选项的另一个好处是便于调试。有名字的组件有更友好的警告信息。另外,当在有 vue-devtools,未命名组件将显示成 <AnonymousComponent>
,这很没有语义。通过提供 name
选项,可以获得更有语义信息的组件树。
Array<string>
["{{", "}}"]
Vue.createApp({
// Delimiters changed to ES6 template string style
delimiters: ["${", "}"]
})
boolean
true
默认情况下父作用域的不被认作 props 的 attribute 绑定 (attribute bindings) 将会“回退”且作为普通的 HTML attribute 应用在子组件的根元素上。当撰写包裹一个目标元素或另一个组件的组件时,这可能不会总是符合预期行为。通过设置 inheritAttrs
到 false
,这些默认行为将会被去掉。而通过实例 property $attrs
可以让这些 attribute 生效,且可以通过 v-bind
显性的绑定到非根元素上。
app.component("base-input", {
inheritAttrs: false,
props: ["label", "value"],
emits: ["input"],
template: `
<label>
{{ label }}
<input
v-bind="$attrs"
v-bind:value="value"
v-on:input="$emit("input", $event.target.value)"
>
</label>
`
})
提示已经了解 Vue 2,只想了解 Vue 3 的新功能可以参阅迁移指南!#Vue.js 是什么Vue (读音 /vjuː/,类似于 view) 是一套用于构建...
XHTML文档结构XHTML的文档结构类似于HTML的文档结构。像HTML一样,XHTML文档被分成四个基本标签。这些标签是:HTMLhtml标签位于...
XHTML格式知识要点回顾总结:URL是统一资源定位器的首字母缩写。相对路径链接是指定链接文件路径相对于当前文件位置的链接。绝对...
XHTML中的基本标签如上所述,XHTML中的标签与HTML标签非常相似。唯一的区别是所有的标签都是小写的,所有打开的标签都必须关闭。...