上一页 1 ··· 13 14 15 16 17 18 19 20 21 ··· 44 下一页
摘要: vue2安装vuex3版本 vue3安装vuex4版本 背景:2个组件:home和search,将store仓库拆分成2个小仓库,home和search两个小仓库用于管理自己模块的数据 store文件夹下新建2个文件夹:home和search home下index.js //home模块的小仓库 c 阅读全文
posted @ 2023-03-19 20:26 Mr_sven 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 安装依赖 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 阅读全文
posted @ 2023-03-19 13:30 Mr_sven 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 发送请求时,浏览器展示进度条 安装插件 cnpm install --save nprogress@0.2 在封装axios的地方使用 //对于axios进行二次封测 import axios from 'axios'; import nProgress from 'nprogress'; //引入 阅读全文
posted @ 2023-03-19 12:03 Mr_sven 阅读(89) 评论(0) 推荐(0) 编辑
摘要: 在vue.config.js文件中添加配置 module.exports = { transpileDependencies: true, lintOnSave: false, //代理配置,但是它只在开发环境有效 devServer: { proxy: { '/api': {//路径中匹配到api 阅读全文
posted @ 2023-03-19 11:53 Mr_sven 阅读(11) 评论(0) 推荐(0) 编辑
摘要: cnpm install --save axios@0.24 二次封装: 项目中新建api目录,及request.js //对于axios进行二次封测 import axios from 'axios'; //1.利用axios读写的方法create,创建一个axios实例 const reques 阅读全文
posted @ 2023-03-19 10:54 Mr_sven 阅读(38) 评论(0) 推荐(0) 编辑
摘要: main.js中 //注册全局组件 import TypeNav from '@/components/TypeNav' //第一个参数:全局组件的名字,第二个参数:哪一个组件 Vue.component(TypeNav.name,TypeNav) 使用全局组件,直接使用标签,不需要import引入 阅读全文
posted @ 2023-03-18 20:28 Mr_sven 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 解决:在vue-router的index.js中添加如下代码 //先保存router原型对象的push let originPush = VueRouter.prototype.push let originReplace = VueRouter.prototype.replace //第一个参数: 阅读全文
posted @ 2023-03-18 19:37 Mr_sven 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 需求 点击搜索按钮向search组件传递参数 1.先给路由组件取个名字 2.路径中定义一个变量接受params参数(如果不想传params参数,则写:variable?,表示params参数可传可不传) { name: 'search', path: '/search/:variable', com 阅读全文
posted @ 2023-03-18 15:42 Mr_sven 阅读(57) 评论(0) 推荐(0) 编辑
摘要: 配置路由的时候,可以给路由添加路由元信息meta 举例:让组件Footer在Home和Search中展示,登录注册时隐藏 路由配置 //配置路由 export default new VueRouter({ routes:[ { path:'*', redirect: '/home' }, { pa 阅读全文
posted @ 2023-03-18 14:13 Mr_sven 阅读(10) 评论(0) 推荐(0) 编辑
摘要: vue-cli3+vue2项目 1.创建项目命令:vue create app 2.vue.config.js文件关闭eslint配置 module.exports = { transpileDependencies: true, lintOnSave: false } 3.jsconfig.jso 阅读全文
posted @ 2023-03-16 21:40 Mr_sven 阅读(12) 评论(0) 推荐(0) 编辑
上一页 1 ··· 13 14 15 16 17 18 19 20 21 ··· 44 下一页