在vue中使用render函数

本文所讲的都是在自定义组件中使用render函数的栗子，更多内容请查看官网或者（https://segmentfault.com/a/1190000010913794?utm_source=tag-newest）

首先在根组件引用实例组件（使用vue-cl3的vue serve 启动服务，点击详情）

image.png

1. 简单的渲染一个元素

image.png

2. 添加子标签

image.png

3. this.$slots的用法

image.png

// 根组件





// 子组件

4. v-model

image.png

首先需要知道的是，render函数并没有与v-model对应，你必须自己实现逻辑，这就是深入底层的代价，但是和v-model相比，这可以让你更好的控制交互细节

5. 作用域插槽

image.png

这里需要使用的是this.$scopedSlots

// 跟组件





// 子组件