继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【备战春招】第十三天+vue复习

Niklause
关注TA
已关注
手记 21
粉丝 3
获赞 0

学习课程:前端工程师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 添加全局方法、属性、组件、过滤器、指令等等。

继续加油!

http://img1.sycdn.imooc.com/63f247840001244f25601440.jpg

http://img3.sycdn.imooc.com/63f2478500016e9925601440.jpg

http://img1.sycdn.imooc.com/63f2478500012eec25601440.jpg

http://img4.sycdn.imooc.com/63f2478600013deb25601440.jpg

http://img3.sycdn.imooc.com/63f2478600013ce825601440.jpg

http://img2.sycdn.imooc.com/63f24786000162f825601440.jpg

http://img1.sycdn.imooc.com/63f2478700014c2e25601440.jpg




















打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP