mrsun_web

问题描述：遇到一种情况，就是使用vue -V 查看版本始终是2.9.6，安装命令是npm install @vue/cli ,按理说是最新版本，但是还是显示旧版，使用vue create 【项目名称】 提示是要卸载脚手架在安装，但是安装后还是2.9.6原因：其实导致这个原因是从vue-cli 3.0版本开始原来的npm install -g vue-cli 安装的都是旧版，最高到2.9.6，安装新版必须是新的命令npm install -g @vue/cli 这就导致了，如果我们再2.9.6版本还存在

go(-1): 原页面表单中的内容会丢失；this.$router.go(-1)：后退+刷新；this.$router.go(0)：刷新；this.$router.go(1) ：前进back(): 原页表表单中的内容会保留；this.$router.back():后退 ；this.$router.back(0) 刷新；this.$router.back(1)：前进...

<template> <div class="test"> </div></template><script> export default { name : 'test', data() { return { websock: null, } }, created() { this.initWebSocket(); }, de.

vue中的解释语言枯燥所以我们跳过，直接用一个简单的例子进行演示1，先定义一个混入对象2，把混入对象引用到当前的组件中3，组件1中的参数num进行+1的操作4，组件2中的参数num未进行操作5，分别打印组件1中的值和组件2中的值大家可以看到，我在组件1里改变了num里面的值，组件2中的num值还是混入对象里的初始值Mixins：可以定义共用的变量，在每个组件中使用，引入组件中之后，各个变量是相互独立的，值的修改在组件中不会相互影响。6，如methods...

Vue项目前端或后台实现导出报表

1，从名字就可以看出来，这是允许为上传处理进度的事件。他是axios的请求配置之一。axios({ method: 'post', url: this.uploadurl, data: formData, headers: { 'Content-Type': 'multipart/form-data' // 文件上传 }, //文件上传进度值 onUploadProgre

在写一些vue项目时候，经常会引入一些UI组件。无论是自定义组件还是引入的外部组件。style标签上都有scoped属性。防止影响到其他页面上的样式。但是又是需要在父组件更改自组件的样式。就要用到组件穿透（也叫深度修改css）1：>>>如果项目使用的是css 原生样式,那么你可以直接使用 >>> 穿透修改即可2： /deep/项目中用到了预处理器 scss 、sass、less 操作符 >>> 可能会因为无法编译而报错 。可以使用 /de

对象操作：三个参数：this.$set('改变的对象'，'改变的对象属性'，'值')数组操作：三个参数：this.$set('数组'，'下标'，'值')写一个小的demo: 为data中的某一个对象添加一个属性<template> <div class="hello"> <button @click="setMessage">添加属性</button> {{ student.name }} <input

handler：监听数组或对象的属性时用到的方法deep：深度监听，为了发现对象内部值的变化，可以在选项参数中指定 deep:true 。注意监听数组的变动不需要这么做。1，watch监听普通变量：data() {return {　　frontPoints: 0}},watch: {frontPoints(newValue, oldValue) {　　console.log(newValue)}}2，watch监听数组：data() { return { 　　w

使用场景:有时后端需要处理验证前端带有的cookie, 然而axios请求默认不携带cookie,所以后端获取不到cookie导致验证失败解决方法（二者选其一就行）:1. 每次想携带cookie的axios请求,加上withCredentials:true的属性2. 修改axios默认配置, 使得每次请求默认携带cookieaxios.defaults.withCredentials=true;总结：第一种方式应用于大部分请求不想带cookie，只有少部分请求需...

export default { name: 'App'}1，组件在递归的时候可以使用：2.设置组件不使用keep-alive缓存时使用

1，bus总线传值2，常规子1传父->父传子23，vuex这里详细说明bus总线传值的总路线及方法：本例为基本用法，如果不理解的可以看下面的详细使用方法：//bus.js import Vue from 'vue';export default new Vue;//使用 兄弟A 传值import bus from '路径'bus.$emit('自定义事件名称',输出数据)//使用 兄弟B 接值import bus from '路径'bus.on('自定义事件名',(r

vue全家桶都有什么？全家桶，顾名思义，对于开发一个完整的中大型单页面应用项目所必须的所必须的插件和框架。注：此文章主要讲解vue-cli脚手架开发方式，主要介绍各插件安装方法及其功能特点，不介绍各插件的具体使用方式，具体使用方式详见其他详细介绍文章。一、vue-clivue-cli也叫脚手架，官方定义为Vue.js 开发的标准工具！相比scirpt标签引入，脚手架具有如下特点：1）、功能丰富对 Babel、TypeScript、ESLint、PostCSS、PWA、单元测试和 End-to-