vue组件封装

组件渲染方法选择

render

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

template

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

选择

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