Lschange的博客

Vue2.0数据响应式是利用ES5的Object.defineProperty以及watchers以及observe数据劫持实现，Vue3.0是利用ES6的proxy实现1、数据响应式在源码中的vue\src\core\instance\state.js文件中/* @flow */import config from '../config'// Watcher 和组件挂钩或者和用户定义的观察表达式挂钩，数据变更后执行更新import Watcher from '../observer/wa

报错信息如下：npm ERR! Unexpected end of JSON input while parsing near '...sh_time":144545599958'npm ERR! A complete log of this run can be found in:npm ERR! C:\Users\DELL\AppData\Roaming\npm-cache\_logs\2020-05-19T05_29_49_168Z-debug.log ERROR comman

父组件向子组件传递参数，上篇文章说过，这里说下子组件向父组件传递参数父组件：<template> <div> <child @getMsgs="getWay"></child> </div></template><script> import Child f

最近项目中用vue全家桶实现，避免不了使用axios，axios不仅可以用来请求数据，沟通前后端的作用，还有以下的http请求拦截作用、http响应拦截作用。/** * http配置 */ // 引入axios以及element ui中的loading和message组件 import axios from 'axios' import { Loading, Message } fro...

前端跨域很常见，最近用vue做项目，用webpack中的代理跨域proxyTable解决，非常完美。所以进行总结一下，避免自己遇到类似的问题。我们先找到项目中的config目录下面的index.js，如下图所示然后在index.js中写入下面的代码，进行代理处理module.exports = { dev: { proxyTable: { '/getClubItems': ...

我们在项目中可能遇到上传图片的问题，但是element-ui中提供的上传图片样式不满足我们的需求，我们在实现的时候可能会遇到坑。以我在项目中上传图片为例，如下图所示：像这种，在element-ui中是没有这种样式的，所以我们只能自己写，我们先看下代码<el-upload ref="foreignPersonUploadItem" class="avatar-uploa...

我们在项目中可能会有相同的部分的内容，但是为了项目简单，就用一个页面承接多个入口。所以我们需要判断它的来源，到底是来自哪个入口，遇到这种情况，我们在跳转路由的时候，会传递参数，有人可能会说，我们跳转路由传参的时候，在生命周期函数里面，直接使用this.$router.query.id获取不就可以了吗？是可以的，也没有问题，但是我们跟安卓或者ios的时候，我们这样是拿不到传递过来的参数，这样，我们就...