- 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参数,为没有实例的函数组件提供上下文信息。