Vue应用小计

第一次使用Vue，不知道怎么用，只知道做出来界面挺好看的，开发也方便。

到vue官网看了一下，文字叙述实在太多，很多都没有用过，也没什么概念，看完了里面的视频，本来想着就用uni-app做来着，但是查了查，uni-app是挺强大的，但我只是做一个项目实践作业，没必要用uni-app，但是要解决前端界面组件问题，找到了element ui，是饿了么做的，风格统一。

跟着视频（B站上管理系统开发），用脚手架搭了一个前端项目，

项目目录大概是这样子，views文件夹放了一些父组件界面（我的理解就是一个完整的界面），components里面放的是组件（多个界面都会用到的），

下面的代码介绍了一个子组件（Card）给父组件（News）传值，父组件获得之后，查询数据库，给另一个子组件（Newslist）赋值

News.vue，里面加了注释（太累了）

 

下面是子组件Card，类似导航栏，点击之后会给父界面传值

Card.vue

上面有说道News的页面缓存，在router下index.js是这样做的

{ path: '/News', name: 'News', component: News, meta: { isUseCache: false, keepAlive: true } },

没有直接用keepAlive，应为keepAlive有个问题，无法移除缓存，如果直接使用this.$destory(),出现问题就是这个界面再打开之后不能就缓存了，找了很久，上面这个方法还可以接受。

先说到这吧，本来就想赚积分的，当时写的时候也没加注释，写着写着就想把走过的坑都说一下，太累了

上面的实现方法借鉴了多位博主的经验，时间久远，就不列举了