- Vue.js企業(yè)開發(fā)實戰(zhàn)
- 千鋒教育高教產品研發(fā)部編著
- 290字
- 2022-07-28 19:42:49
3.2 DOM渲染選項
Vue通過雙向數據綁定,將數據實時渲染為瀏覽器能夠解析的DOM,在Vue實例中有一些關于操作DOM的選項,具體內容如下。
3.2.1 el選項
el可以是字符串也可以是一個節(jié)點,當使用字符串時el是CSS選擇器,當使用節(jié)點時el是一個HTMLElement實例,代碼如下:

3.2.2 template選項
template選項是一個字符串模板,屬性值為字符串類型,作為Vue實例的標識使用。模板會替換掛載的元素,掛載元素的內容都將被忽略,除非模板的內容有分發(fā)插槽。
3.2.3 render選項
render是字符串模板的替代方案,可以使用JavaScript編程的方式實現(xiàn)。該渲染函數接收一個createElement()方法作為第一個參數用來創(chuàng)建VNode。如果組件是一個函數組件,則渲染函數還會接收一個額外的context參數,為沒有實例的函數組件提供上下文信息。
推薦閱讀
- Dreamweaver CS5+ASP動態(tài)網站設計實用手冊
- 中文版Flash CC完全自學教程
- After Effects CS6從入門到精通
- 眾妙之門:自由網站設計師成功之道
- 網頁設計與網站建設從入門到精通
- 動態(tài)網頁設計(第2版)
- 電子商務網頁設計(第二版)
- 人人都玩開心網:Ext JS+Android+SSH整合開發(fā)Web與移動SNS
- Highcharts網頁圖表制作實例詳解 (Web開發(fā)典藏大系)
- 中文版Dreamweaver CS6完全自學教程
- 寬帶接入技術
- 從零開始讀懂Web3
- 精通網站建設:100%全能建站密碼
- 精通HTML 5+CSS 3:100%網頁設計與布局密碼
- 別具光芒:CSS網頁布局案例剖析