Vue框架在项目开发中如何实现组件的复用？

本文共计3213个文字，预计阅读时间需要13分钟。

目录

一、效果展示

二、实现思路

1.新建 tags-view.js

2.在 Vuex 中引入 tags-view.js

3.新建 tabsView 组件

4.新建 ScrollPane 组件

5.引入 tabsView 组件

6.使用 keep-alive 组件进行页面标签的缓存

总结

一、效果展示

目录

• 一、效果图
• 二、实现思路
• 1. 新建 tags-view.js
• 2. 在Vuex里面引入tags-view.js
• 3. 新建tabsView组件
• 4. 新建ScrollPane组件
• 5. 引入tabsView组件
• 6. 使用keep-alive组件进行页签的缓存
• 总结

一、效果图

实现之后的效果如下图所示，点击左边的不同的菜单会打开多个页签，并且右键页签可以操作关闭页签。