vue组件封装

4次阅读

共计 312 个字符,预计需要花费 1 分钟才能阅读完成。

组件渲染方法选择

render

优点:javascript 完全编码,如可以通过 javascript 对象动态配置渲染的内容。
缺点:html 标签层级不明显、使用其他插件不能往指定元素上监听自定义事件、不能用 vue 响应式等。

template

优点:html 层级维护性好、可直接使用 vue 双向绑定、使用其他插件可向任意标签监听自定义事件等
缺点:通过配置动态渲染组件内容时,动态渲染组件内容实现复杂

选择

template 一般用于功能复杂的组件;render 一般用于组件内还需要定制化动态渲染标签,且标签层级简单的组件。所以 render 用于最里层逻辑封装,如 el-table-column,template 一般用于功能合集,如 el-table。

正文完
 0