![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
ToDeer
这个作者很懒,什么都没留下…
展开
-
如何理解什么是keep-alive?
什么是keep-alive?一.对页面进行缓存keep-alive是vue内置的一个组件,而这个组件的作用就是能够缓存不活动的组件,我们能够知道,一般情况下,组件进行切换的时候,默认会进行销毁,如果有需求,某个组件切换后不进行销毁,而是保存之前的状态,那么就可以利用keep-alive来实现。简单来说:在 vue 项目中,难免会有列表页面或者搜索结果列表页面,点击某个结果之后,返回回来时,如果不对结果页面进行缓存,那么返回列表页面的时候会回到初始状态,但是我们想要的结果是返回时这个页面还是之前搜索的结原创 2020-07-19 13:29:41 · 2342 阅读 · 3 评论 -
Vue组件通信常用的的几种方式
Vue组件通信的四种方法一. 父传子:主要通过props来实现具体实现:父组件通过 import 引入子组件,并注册,在子组件标签上添加要传递的属性,子组件通过 props 接收,接收有两种形式:一是通过数组形式[‘要接收的属性’ ],二是通过对象形式{ }来接收,对象形式可以设置要传递的数据类型和默认值,而数组只是简单的接收<!--父组件--><template> <div> <h2>父组件</h2> <br原创 2020-07-18 17:14:52 · 226 阅读 · 0 评论 -
是什么Vuex?
Vuex 的目的是为了管理共享状态,为了达到这个目的,它制定了一系列的规则,比如修改数据源 state、触发 actions 等等,都需要遵循它的规则,以此来达到让项目结构更加清晰且易于维护的目的。原创 2020-07-12 22:25:33 · 143 阅读 · 0 评论 -
Vue如何封装axios请求
Vue封装Axios请求的具体步骤实际开发过程中,我们项目可能会有大量接口,因此我们写代码的时候,如果不进行封装,则会产生大量冗余代码,API的封装,封装之后便于后期统一维护管理一.在src文件夹下新建config文件夹并在此文件夹中新建api,env,http,三个文件如图所示:env.js这个文件封装我们的公共地址 export default { // 开发环境 dev: { baseUrl: "开发环境公共地址" },原创 2020-10-28 10:12:36 · 601 阅读 · 3 评论