随笔分类 - Vue
Vue是一套用于构建用户界面的渐进式框架
摘要:清缓存 npm cache clean --force //或者 npm cache verify 删除项目所有依赖 npm uninstall *
阅读全文
摘要:一、前言 在我们进行web开发时,有一个很常规的功能退出登录,那么vue是怎么实现的呢 二、具体步骤 1、在index组件中,添加退出登录按钮,并且点击事件绑定一个退出方法 2、查看后端开发的接口文档,在用户模块里面,封装退出方法 3、在index的组件中,方法区域中调用退出登录 4、效果 三、总结
阅读全文
摘要:一、前言 在我们做前端开发时,经常对查询到的列表数据进行分页处理,那么,vue是怎么处理的呢 二、具体步骤 1、在具体模块的xxx.vue的data定义相关变量 2、在对应的xxx.js的获取列表方法稍微做修改,传参加上大括号 {} 3、把一个分页的UI组件,添加到表格的下方 这里就拿vuetify
阅读全文
摘要:一、前言 在我们进行使用Vue进行开发的时候,有两种异常提示信息是需要我们处理的,一种是把业务异常信息显示出来,另外一种是把系统异常信息给显示出来 二、环境准备 安装element-ui的依赖 npm i element-ui -S 改造前的http.js脚本 import axios from '
阅读全文
摘要:一、问题现象 最近在练习vue项目时,遇到这样的一个问题,很是奇怪,编译是ok,点击也能弹窗,但还是会报错 vue源码 <template> <div> <template> <v-tabs :value="0" background-color="primary"> <v-tab @click="
阅读全文
摘要:现象 Avoided redundant navigation to current location: 避免了对当前位置的冗余导航 解决方案 在 route.js 中添加以下代码 //获取原型对象上的push函数const originalPush = VueRouter.prototype.pu
阅读全文
摘要:标签方式跳转 <router-link :to="{path:'/',query: {id: 'testQuery'}}">返回列表测试Query</router-link> 脚本方式跳转 this.$router.push({ name: 'productIndex',params: { id:
阅读全文
摘要:Vue.config.productionTip = false这句代码是在入口文件里的 1.先看看没有这句代码的效果 这张图上面 显示出来的就是没有这句代码的效果 他说(You are running Vue in development mode. Make sure to turn on pr
阅读全文
摘要:一、需求背景 在我们使用VSCode编写vue项目的时候,为了更加高效的编码,比如联想补充功能,我们需要额外的进行一些安装插件以及配置 二、安装插件 Vetur Vue 2 Snippets JS-CSS-HTML Formatter HTML Snippets 三、进行配置 修改setting.j
阅读全文
摘要:一、检查node、npm、vue-cli的版本,需保持到最新版本 传送门 备注:此步非常重要,版本不兼容,会出现各种安装报错 二、在命令行执行vue ui,就会出现图形化管理界面 三、三个标签,点击创建 1、填写项目名称、选择包管理器、是否初始化git 2、选择插件配置方式 3、选择手动配置项目将会
阅读全文
摘要:一、保持node.js的版本是最新的 传送门 二、升级npm版本 传送门 三、修改npm包管理器的registry为淘宝镜像(npm.taobao.org) npm config set registry https://registry.npm.taobao.org 四、重新卸载安装最新的vue和
阅读全文
摘要:查看Vue版本号 npm list vue 备注:需要在项目的目录下执行查询命令 查看cli版本号 vue -V
阅读全文
摘要:查看npm当前版本 npm -v 升级到最新版本 npm install -g npm 升级到指定版本 npm -g install npm@6.8.0
阅读全文
摘要:一、vue-cli是什么 vue-cli基于webpack构建,并带有合理的默认配置 关于webpack webpack是一个JavaScript应用程序的静态模块打包器 二、全局安装(直接安装最新版本) npm install @vue/cli -g 三、验证是否安装成功 vue -V 备注: 在
阅读全文
摘要:一、现象 终端输入命令:vue ui,没有响应 二、原因 版本太低版本低于3时没有ui功能 三、解决方案 升级 四、具体步骤 1、卸载低版本 npm uninstall vue-cli -g 2、安装最新版本 npm install @vue/cli -g 3、重新启动 vue ui 效果:
阅读全文