Vue.js企业开发实战
上QQ阅读APP看书,第一时间看更新

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