m0_65262198的博客

项目运行中出现如下报错：解决方法：将根目录下的eslintrc.js文件中的no-console和no-debugger注释掉，重启就可以了

第一种: props适用于场景： 父子组件通信注意事项：如果父组件给子组件传递数据（函数）:本质其实是子组件给父组件传递数据如果父组件给子组件传递的数据（非函数):本质就是父组件给子组件传递数据书写方式：3种['todos'], {type:Array},{type:Array,default:[ ] }小提示： 路由的props 书写形式：布尔值、对象、函数形式。第二种：自定义事件适用于场景：子组件给父组件传递数据$on与$emit第三种: 全局事件总线

qrcode网址：https://www.npmjs.com/package/qrcode安装代码如下：npm install qrcodeqrcode文档中生成二维码有很多环境下的用法。我们这里使用ES6/ES7的用法。ES6/ES7Promises and Async/Await can be used in place of callback function.import QRCode from 'qrcode'// With promisesQRCode.to

Vue中api内请求函数的快捷全局引入 组件内使用

我们在vue在组件中以及js文件中经常会应用src目录下的一些文件或者资源，最常见的办法就是一层一层的../../去转出文件夹寻找所需资源所在的路径。可以通过设置一个标识来代表src目录 之后需要到src目录下应用资源书写路径可以直接通过标识/来查询 下列就是设置代码：我们首先新建一个文件根目录下新建一个文件jsconfig.json 在内写以下代码：{ "compilerOptions": { "baseUrl": "./", "paths": { "@..

Vue中实现图片放大镜效果代码 复制即可用

swiper主要适用于pc端和移动端 主要就是用来实现轮播图效果官方网址如下：https://www.swiper.com.cn/下载Swiper后解压然后找到如下图所示文件夹package中js文件夹我们需要js 和css文件夹官网中的中文教程有使用方法...

mock数据（模拟）:如果你想mock数据，需要用到一个插件mockjs 前端mock数据不会和你的服务器进行任何通信安装mockjs： npm install mockjs (记住不需要加. mockjs即可)使用步骤:1)在项目当中src文件夹中创建mock文件夹2）第二步准备JSON数据（mock文件夹中创建相应的JSON文件）如果mock数据中使用了图片，把mock需要的图片放置到public文件夹中【public文件夹在打包的时候，会把相应的资源原封不动打包到dist文件夹】..

关于事件委派、不能使用camelCased (驼峰式) 的情况如下、关于解构赋值、.过渡动画

路由传参1.字符串形式query传参this.$router.push("/search"+"?k="+this.keyword)params传参需要在路径后占位this.$router.push("/search/"+ this.keyword）2.模板字符串query传参this.$router.push(`/search?k=${this.keyword}`)params传参this.$router.push(`/search/${this...

Vue的安装教学项目创建 （脚手架以及环境配置 cmd环境下）

Vue 函数的防抖与节流

Vuex的使用 以及安装和使用出现各种报错问题解决 入门详细教学

Vue中顶部进度条的设置通过nprogress以及修改顶部进度条的颜色

Vue中跨域问题（配置代理服务器）

当我们在使用编程式路由实现跳转的时候，多次执行会抛出NavigationDuplicated的警告错误是因为"vue-router"3版本之后 底层引入了promise。而我们通过声明式导航没有出现此类问题是因为vue-router底层已经处理好了。出现问题如下：解决方法1. 在我们使用编程式导航时，通过给push或replace方法传递相应的成功和失败的回调函数可以捕获到当前的错误解决此问题 如：//编程式导航 this.$router.push({ name:'s

VUE中日期格式化工具（moment && date_fns)的使用 以及自定义全局日期格式化的过滤器