加载中...
vuex的集中管理使用 vuex的集中管理使用
一、vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以 相应的规则保证状态以一种可预测的方式发生变化。 二、使用步骤1.安装代码如下(示例): npm in
2022-05-02
重写VueRouter的push|replace 重写VueRouter的push|replace
前言在进行编程式路由导航的时候,反复点击控制台就会提示报错,为了深入了解编程式路由跳转,以及 防止控制台的多次报错需要对VueRouter的原型上的push以及replace进行重新编写! 编写找到router/index.js文件,也就
2022-05-02
nprogress进度条的使用 nprogress进度条的使用
一、安装所需的包在项目文件打开终端 npm i nprogress --save 二、使用步骤1.引入在axios二次封装的文件下导入 代码如下(示例): // 导入nprogress import nprogress from 'npr
2022-05-02
vue里面使用图片的懒加载 vue里面使用图片的懒加载
前言什么是懒加载 通俗地讲就是需要用到图片的时候再去加载懒加载的好处在于减少服务器的压力,在网络比较慢的情况下,可以提前给这张图片添加一个占位图片,提高用户的体验。 一、安装相关的包安装懒加载所需的包 npm install vue-
2022-05-02
路由跳转传参 路由跳转传参
一、路由跳转的几种方式 第一种:声明式导航 router-link(必须要有to属性),可以实现路由的跳转2. 第二种:编程式导航 利用的是组件实例的$router.push|replace方法,可以实现路由的跳转 编程式导航优于
2022-05-02
axios的二次封装(简洁) axios的二次封装(简洁)
前言为什么需要二次封装 api 统一管理,不管接口有多少,所有的接口都可以非常清晰,容易维护. 一、基本页面的创建首先需要准备一个vue的项目 先打开需要创建项目的文件夹下方输入cmd打开窗口 在窗口输入vue create 项目的名称
2022-05-02
10 / 11