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

3.2.2 template選項
template選項是一個字符串模板,屬性值為字符串類型,作為Vue實例的標識使用。模板會替換掛載的元素,掛載元素的內容都將被忽略,除非模板的內容有分發插槽。
3.2.3 render選項
render是字符串模板的替代方案,可以使用JavaScript編程的方式實現。該渲染函數接收一個createElement()方法作為第一個參數用來創建VNode。如果組件是一個函數組件,則渲染函數還會接收一個額外的context參數,為沒有實例的函數組件提供上下文信息。
推薦閱讀
- 柳工出海:中國制造的全球化探索
- 網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript
- 網頁設計實用教程
- 網頁配色從入門到精通
- Pro/ENGINEER三維造型設計實例精解
- Dreamweaver CC網頁設計自學經典
- HTML5+CSS3網頁制作基礎培訓教程
- UI動效大爆炸:After Effects移動UI動效制作學習手冊
- 動態網頁設計(第2版)
- HTML+CSS+JavaScript網頁設計與布局:從新手到高手
- jQuery Web開發案例教程(在線實訓版)
- 網頁設計與制作
- 巧學巧用Dreamweaver CS6制作網頁
- 在實戰中成長:JSP開發之路
- 建筑CAD繪圖技術(第2版)