随笔分类 - 前端
摘要：防抖：前面的所有触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续的快速触发，只会执行一次 节流：在规定的间隔时间范围内不会重复的触发回调，只有大于这个时间间隔才会触发回调，把频繁触发变为少量触发 解决方案：使用lodash函数 防抖函数： <script> import _ fr
阅读全文
摘要：vue2安装vuex3版本 vue3安装vuex4版本 背景：2个组件：home和search，将store仓库拆分成2个小仓库，home和search两个小仓库用于管理自己模块的数据 store文件夹下新建2个文件夹：home和search home下index.js //home模块的小仓库 c
阅读全文
摘要：安装依赖 cnpm install --save vuex@3.6.2 1.新建文件夹store，index.js文件 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex); //state:仓库存储数据的地方 const state
阅读全文
摘要：发送请求时，浏览器展示进度条 安装插件 cnpm install --save nprogress@0.2 在封装axios的地方使用 //对于axios进行二次封测 import axios from 'axios'; import nProgress from 'nprogress'; //引入
阅读全文
摘要：在vue.config.js文件中添加配置 module.exports = { transpileDependencies: true, lintOnSave: false, //代理配置，但是它只在开发环境有效 devServer: { proxy: { '/api': {//路径中匹配到api
阅读全文
摘要：cnpm install --save axios@0.24 二次封装： 项目中新建api目录，及request.js //对于axios进行二次封测 import axios from 'axios'; //1.利用axios读写的方法create，创建一个axios实例 const reques
阅读全文
摘要：main.js中 //注册全局组件 import TypeNav from '@/components/TypeNav' //第一个参数：全局组件的名字，第二个参数：哪一个组件 Vue.component(TypeNav.name,TypeNav) 使用全局组件，直接使用标签，不需要import引入
阅读全文
摘要：解决：在vue-router的index.js中添加如下代码 //先保存router原型对象的push let originPush = VueRouter.prototype.push let originReplace = VueRouter.prototype.replace //第一个参数：
阅读全文
摘要：需求 点击搜索按钮向search组件传递参数 1.先给路由组件取个名字 2.路径中定义一个变量接受params参数（如果不想传params参数，则写:variable?，表示params参数可传可不传） { name: 'search', path: '/search/:variable', com
阅读全文
摘要：配置路由的时候，可以给路由添加路由元信息meta 举例：让组件Footer在Home和Search中展示，登录注册时隐藏 路由配置 //配置路由 export default new VueRouter({ routes:[ { path:'*', redirect: '/home' }, { pa
阅读全文
摘要：vue-cli3+vue2项目 1.创建项目命令：vue create app 2.vue.config.js文件关闭eslint配置 module.exports = { transpileDependencies: true, lintOnSave: false } 3.jsconfig.jso
阅读全文
摘要：async：表示函数是异步执行， await：表示当前函数先执行，执行完之后，再执行其他函数 await用于等待一个promise对象,它只能在async函数中使用. async函数,会返回一个Promise对象,可以用.then调用async函数中return的结果 async function
阅读全文
摘要：vue.config.js文件中 module.exports = { configureWebpack: { resolve: { alias: { 'assets': '@/assets', 'common': '@/common', 'components': '@/components',
阅读全文
摘要：通过vuecli3创建项目 vue create mall 新建远程仓库 终端中执行命令 git remote add origin git@github.com:xxx/mall.git git push -u origin main
阅读全文
摘要：新建network文件夹及request.js import axios from 'axios' export function request(config){ //创建axios实例 const instance = axios.create({ baseURL: 'http://123.20
阅读全文
摘要：安装 npm install axios --save axios基本使用 axios({ url: 'http://123.207.32.32:8000/home/multidata', method: 'get'//不写默认get方式 }).then(res => { console.log(r
阅读全文
摘要：const obj = { name: '张三', age: 20, address: 'abc' } const {name,address} = obj; console.log(name); console.log(address); 数组的解构 const names = ["张三","李四
阅读全文
摘要：示例：修改state中info对象的name值 state: { info: {id: 1003, name: "kobe" } } actions: {//异步请求、方法写在actions里 aUpdateInfo(context,value){//{commit,state} setTimeou
阅读全文
摘要：有时候，需要从store中获取一些state变化之后的数据，这是可以放入getters中 下面例子：获取年龄大于20的学生数据 注： getters默认是不能传递参数的，如果希望传递参数，那么只能让getters本身返回一个函数
阅读全文
浙公网安备 33010602011771号