扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
十年专业网络公司历程,坚持以创新为先导的网站服务,服务超过千余家企业及个人,涉及网站设计、app软件开发公司、微信开发、平面设计、互联网整合营销等多个领域。在不同行业和领域给人们的工作和生活带来美好变化。
string
一个字符串模板作为 component 实例的标识使用。模板将会替换挂载的元素。挂载元素的内容都将被忽略,除非模板的内容有分发插槽。
如果值以 #
开始,则它将被用作 querySelector
,并使用匹配元素的 innerHTML 作为模板。常用的技巧是用 包含模板。
注意
出于安全考虑,你应该只使用你信任的 Vue 模板。避免使用其他人生成的内容作为你的模板。
注意
如果 Vue 选项中包含渲染函数,该模板将被忽略。
Function
字符串模板的另一种选择,允许你充分利用 JavaScript 的编程功能。
const app = Vue.createApp({})
app.component('my-title', {
render() {
return Vue.h(
'h1', // 标签名称
this.blogTitle // 标签内容
)
},
props: {
blogTitle: {
type: String,
required: true
}
}
})
app.mount('#app')
注意
render
函数的优先级高于从挂载元素 template
选项或内置 DOM 提取出的 HTML 模板编译渲染函数。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流