学习课程：前端工程师2022版-vue基础入门

lesson30：Teleport 传送门功能1-5 Teleport 传送门功能-慕课网体系课 (imooc.com)

lesson31：更加底层的 render 函数

1-6 更加底层的 render 函数（选学）-慕课网体系课 (imooc.com)

lesson32：插件的定义和使用

1-7 插件的定义和使用-慕课网体系课 (imooc.com)

讲师：Dell老师

今天继续昨天的课程安排，学习了Teleport 传送门功能、 render 函数和插件的定义和使用。

<teleport></teleport>标签表示为传送门，用来将包裹的内容，传送到to属性对应的dom元素下。

有了传送门标签，就可以使一些其他元素的父元素变成你指定的元素。

render是渲染函数，它返回虚拟dom，用来生成dom结构。通过$slots来获取插槽的相关内容。

template的渲染过程就是template->render->h函数->虚拟dom（js对象）->真实dom->展示到页面上。

plugin 插件 也是把通用性的功能封装起来。

install(){}表示定义插件时，会执行的方法；app.use()表示使用插件；app.provide()表示注入全局依赖；

app.config.globalProperties表示扩展全局属性；$watch表示vue实例的方法，用来监听数据。

插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制，一般有下面几种：

1. 添加全局方法或者属性。如: vue-custom-element。

2. 添加全局资源：指令 / 过滤器 / 过渡等。如 vue-touch。

3. 通过全局混入来添加一些组件选项。如 vue-router。

4. 添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。

5. 一个库，提供自己的 API，同时提供上面提到的一个或多个功能。如 vue-router。

6. Vue 插件是对 Vue 全局功能的扩展，他可以给 Vue 添加全局方法、属性、组件、过滤器、指令等等。
   

继续加油！