学习课程:前端工程师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 添加全局功能。插件的功能范围没有严格的限制,一般有下面几种:
添加全局方法或者属性。如: vue-custom-element。
添加全局资源:指令 / 过滤器 / 过渡等。如 vue-touch。
通过全局混入来添加一些组件选项。如 vue-router。
添加 Vue 实例方法,通过把它们添加到
Vue.prototype
上实现。一个库,提供自己的 API,同时提供上面提到的一个或多个功能。如 vue-router。
Vue 插件是对 Vue 全局功能的扩展,他可以给 Vue 添加全局方法、属性、组件、过滤器、指令等等。
继续加油!