- 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參數,為沒有實例的函數組件提供上下文信息。