新聞中心
這里有您想知道的互聯(lián)網營銷解決方案
創(chuàng)新互聯(lián)VUE3教程:Vue 3.0 選項 DOM
#template

十年專業(yè)網絡公司歷程,堅持以創(chuàng)新為先導的網站服務,服務超過千余家企業(yè)及個人,涉及網站設計、app軟件開發(fā)公司、微信開發(fā)、平面設計、互聯(lián)網整合營銷等多個領域。在不同行業(yè)和領域給人們的工作和生活帶來美好變化。
- 類型:
string
- 詳細:
一個字符串模板作為 component 實例的標識使用。模板將會替換掛載的元素。掛載元素的內容都將被忽略,除非模板的內容有分發(fā)插槽。
如果值以 # 開始,則它將被用作 querySelector,并使用匹配元素的 innerHTML 作為模板。常用的技巧是用 包含模板。
注意
出于安全考慮,你應該只使用你信任的 Vue 模板。避免使用其他人生成的內容作為你的模板。
注意
如果 Vue 選項中包含渲染函數(shù),該模板將被忽略。
- 參考
- 生命周期圖示
- 通過插槽分發(fā)內容
#render
- 類型:
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 函數(shù)的優(yōu)先級高于從掛載元素 template 選項或內置 DOM 提取出的 HTML 模板編譯渲染函數(shù)。
- 參考 Render Functions
當前文章:創(chuàng)新互聯(lián)VUE3教程:Vue 3.0 選項 DOM
轉載來源:http://m.fisionsoft.com.cn/article/dppijpg.html


咨詢
建站咨詢
