vue动态组件与插件到底是什么？，前端开发优秀作品

created() {

console.log(“PostMail:created”);

},

destroyed() {

console.log(“PostMail:destroyed”);

}

};

子组件3===============================================

RecycleBin

我们会发现，当组件切换的时候，都会触发组件的销毁和重建。首先，性能不好。其次，会丢失组件状态

我们可以通过keep-alive 组件 来解决上述问题

现在就处理了上述问题，同时 keep-alive 会触发 activated、deactivated 两个生命周期函数

1. keep-alive 组件激活时调用

2. keep-alive 组件停用时调用

插件

============================================================

插件通常是用来给 vue 提供扩展功能的一种方式

插件通常只有两个来源：

1. 自定义

2. 第三方

插件需要一个引入和使用就可以了注意！插件的引入和使用都需要写在main.js内，且引入需要写在使用之前，使用需要写在new vue之前

1. 引入

import ppt from ‘./AK’

2. 使用

Vue.use(ppt);

书写插件时需要注意：

1. 如果插件是一个对象，必须提供 install 方法。

export default{

// 把内容放到指定的方法中

install(){

console.log(“我是自定义的对象插件”)

}

}

2. 如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入

export default function(){

vue.filter(“指令名”,执行的功能);

}

比如说我们按照上述的过滤器，写出一个转换成大写的效果(注意，需要接受vue)

import Vue from ‘vue’

export default function(_vue){

// 因为install方法 在被调用时 会主动接受一个参数(vue实例)

// 所以我们这里直接使用参数即可！！！

_vue.filter(“cf”,(v)=>{

return v.toUpperCase()

});

}

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

总结:

• 函数式编程其实是一种编程思想，它追求更细的粒度，将应用拆分成一组组极小的单元函数，组合调用操作数据流；

• 它提倡着 纯函数 / 函数复合 / 数据不可变， 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用；

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Tips:

其实我们很难也不需要在面试过程中去完美地阐述出整套思想，这里也只是浅尝辄止，一些个人理解而已。博主也是初级小菜鸟，停留在表面而已，只求对大家能有所帮助，轻喷🤣；

我个人觉得: 这些编程范式之间，其实并不矛盾，各有各的 优劣势。

理解和学习它们的理念与优势，合理地 设计融合，将优秀的软件编程思想用于提升我们应用；

所有设计思想，最终的目标一定是使我们的应用更加 解耦颗粒化、易拓展、易测试、高复用，开发更为高效和安全；

Tips:

其实我们很难也不需要在面试过程中去完美地阐述出整套思想，这里也只是浅尝辄止，一些个人理解而已。博主也是初级小菜鸟，停留在表面而已，只求对大家能有所帮助，轻喷🤣；

我个人觉得: 这些编程范式之间，其实并不矛盾，各有各的 优劣势。

理解和学习它们的理念与优势，合理地 设计融合，将优秀的软件编程思想用于提升我们应用；

所有设计思想，最终的目标一定是使我们的应用更加 解耦颗粒化、易拓展、易测试、高复用，开发更为高效和安全；