liuarmyliu的博客

最近在写基于vue-cli@4.5写Vue3项目，写着写着发现不太对劲，每次我修改了*.vue文件后都自己手动刷新才显示新修改的内容，我一直记得vue2项目都是有热更新的，而且到Vue3官方文档也说明了脚手架安装的项目自带热更新，拆箱即用一开始我以为是我项目写的过程中修改了某些配置，导致热更新失败了，我又重新创建了一个vue3项目结果项目启动后依旧没有热更新，我打开network一看，居然有一堆报错，因为是sockjs.js，所以我猜测我的热更新失败因该是和这个有关我的报错信息，我看了这个请求的

在Vue项目中常使用的一个UI库就是element-ui了注意目前element-ui只支持Vue2.6以下的版本，如果想在Vue3.0使用这个组件库，就要使用element-pluselement-plus官网步骤在Vue3项目根目录下vue add element-plusnpm install vue-cli-plugin-element-plus全局引用src/plugins/element.jsimport ElementPlus from 'element-plus'im

此文将介绍如何搭建一个Vue3项目基于官方文档条件Node 8+vue-cli 4+npm 6.1+可以再cmd中输入以下指令查看当前版本node -vvue -Vnpm -v对于 Vue 3，你应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli。要升级，你应该需要全局重新安装最新版本的 @vue/cli：// 卸载npm uninstall vue-cli -g// 安装npm install @vue/cli -g也可以使用cnpm下载，这

用vue写了一个h5移动端页面，因为涉及到了很多动图所以用了腾讯云的CDN加速，但是出现了一个神奇的问题，图片类都可以使用CDN地址，但是字体文件浏览器却报了跨域错误原因是：字体文件在CDN服务器上、项目部署在后端的服务器然后解决方法是：将字体文件转成base64，这个网站可以转换记得要把这个勾上然后把里面的css，copy到自己的项目要用到的地方，就可以愉快的显示了...

1.vue项目基于webpack在config目录下的index.js在cssSourceMap后面添加proxyTable: {'/': { target: "http://localhost:3000/", //后端地址 changeOrigin: true, //允许跨域 pathRewrite: { // 路径重写， '^/': '' // 替换target中的请求地址，也就是说以后你在请求http://xxxx/v2/XXXXX这个地址的时候直接写成/v

原生Js实现Vue双向绑定Vue数据双向数据绑定是通过发布者-订阅者模式来实现的，在正常使用Vue的时候，调用data里的属性是这样的var vm = new Vue({ data: { obj: { a: 1 } }, created: function () { console.log(this.obj); }});里面有一个set和get，这是使用了Object里面的defineProp

遇到一个问题，在使用element ui的多选框组件el-checkbox-group和el-checkbox的时候出现了无法选中选项的事情<el-checkbox-group v-model="checkList" :min="less" :max="most"> <el-checkbox v-for="(item,index) in listDate.options" :key="index" :label="item">

vue点击事件在写组件过程中经常会用到点击事件 可以在组件中绑定@click="你的方法名字"如果想要获得点击的事件 可以传参数$event如果想获得当前该事件绑定的元素 在你的方法里写 e.currentTarget即可...

在vue项目中经常是用axios来发送请求服务，在自己的一个项目中要和后端传递token值进行校验，在请求头部加上tokenaxios.defaults.headers.common['token'] = token这样就可以在请求头部添加token值和后端进行校验...

最近做的h5项目中有一个微信登录功能，将自己遇到的一些坑记录一下前提：一个公众号appid首先就是在自己的vue项目中引入微信的接口<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>接着我们就可以在自己的login.vue中调用微信函数WxL...

vue报错之this.$router is undefine最近写项目遇到这个报错，特此记录一下 axios.get('/person/ticket') .then(response => { this.$router.push('/ground') })原因很简单，因为我使用的是箭头函数，改变了this指向，所以vue在这里找不到$ro...

vue父组件数据更新子组件相关内容未改变父组件在父组件中，根据后台给的数据（数组），v-for生成子组件 <div class="exist"> <existProject :itemprop="item" v-for="(item, index) in getData" :key="index" :index...

解决Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_0_jquery___default(…)(…).niceScroll is not a function在vue项目里报了这个错，原因是我想在这个地方初始化时，利用