公司前端界面用的是vue，我要嵌入到Android中生成App第一步：安装nodenode安装：直接进入官网https://nodejs.org/zh-cn/，下载最新版本安装。安装之后在命令行中使用”node -v” 检查安装是否成功。npm安装：由于新版的nodejs已经集成了npm，所以node安装时npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。第二步：安装cordova1. 打开cmd 输入命令：npm install -g cordova .安装cordova2. 验证是否安装成功，...
前言最近一直在忙着一个用vue来做的权限管理的项目，其实在此之前，我也研究过vue的权限如何实现，并且也为之写过一篇博客，但当真正应用在项目中的时候，还是发现了许多问题，所以此篇也会就着我在项目中遇到的一些问题，拿出来和大家分享一下，当然示例代码还是我的github仓库中的ant-design-vue-ms （本地下载）。 权限问题解决思路对于一个前后端分离的项目而言，权限不再是仅仅靠后端来控制，后端只能控制接口的权限，前台的页...
在实际的vue项目中，当我们的应用遇到多个组件之间的共享问题时，通常会用到Vuex（一个状态管理的插件，可以解决不同组件之间的数据共享和数据持久化），解决组件之间同一状态的共享问题。 因子： Vuex优势：相比sessionStorage，存储数据更安全，sessionStorage可以在控制台被看到。Vuex劣势：在刷新页面后，vuex会重新更新state，所以，存储的数据会丢失。言而总之：实际问题：在vue项目中，使用Vuex做状态管理时，调试页面时，刷...
前阵子将项目搬上Vue的时候偶遇一个突发问题 当对象添加或删除成员时页面无法实时更新渲染，但是数组是正常的 目测是ob没有监听到对象的成员有变化 查看一些大家的求助回答是说ob监听的是数组length的变动 对象默认没有length 新增成员时不会自增length 所以监听不到对象的变化 最近大脑过于疲惫 懒得看文档了。。。 不多废话 解决方式直接上代码 在实例内部可以用$set和$delete this.$set(this.age,age,18); this.$delete(this.ag...
本文针对的是Vue小白，不喜勿喷，谢谢 出现该问题的标志如下控制台warning（Resource interpreted as Stylesheet but transferred with MIME type text/html）出现的原因及解决办法 第一种可能出现原因就是引入的静态文件在src文件夹内，这种的解决办法就是把资源引入静态资源的目录static 第二种可能出现的原因就是有单独的静态资源目录但是名字不叫static，这种的解决办法更改配置文件，把对应的几个配置文件内的static更改为你自...
前言 为什么选择VScode？ 在之前我用过sublime、webstorm、atom、Brackets、eclipse、HBuilder、notepad++等等。应该还有一些用过几次的编辑器，记不起来的，这些编辑器的作用不外乎一点——为了开发迅速。基本都会自带代码提示插件。随着项目越来越大，出了一系列问题，而这些问题会大量浪费我们的时间（我们只想简单的编程），故而编辑器插件的数量和支持程度成为了我们选择编辑器的重要条件，这就是为什么选择VScode，它拥有大量...
一个尤大大曾回复过的问题 vue warn : You may have an infinite update loop in a component render function 最近再写一个数组渲染时，源数据是拿到的数组经过排序后的数组，正常运行却出现爆红： 报红代码： computed: {...mapState({fromNames (state) {let fromNames = state.quote.fromNames;return fromNames.sort((a, b) => b.isBind - a.isBind);;},}),},然后...然后百思不得解，最终找到源头：你的确导致了一个无限循环，...
在写单文件组件时，一般都是把标签、脚本、样式写到一起，这样写个人感觉有点不够简洁，所以就想着把样式分离出去。 采用import加载样式 在局部作用域（scoped）采用@import加载进来的样式文件，想法是美好的。以为这样加载进来的样式文件也只对当前组件有效；可现实是残酷的，这样加载进来的样式无法限制其作用域。 <style scoped>@import "样式文件"; </style>解决方案 采用 src属性加载样式。 <style src="样式路径" scoped></s...
在生成vue项目的时候，出现如下错误ERROR in static/js/index.d66d806fcdd72b36147b.js from UglifyJs Unexpected token: punc (() [src/components/Hello.vue:26,0][static/js/index.d66d806fcdd72b36147b.js:34,6] ERROR in static/js/cell.89bb6f1195b769a2c949.js from UglifyJs Unexpected token: punc (() [src/components/cell.vue:10,0][static/js/cell.89bb6f1195b769a2c949.js:19,6] ERROR in [copy-webpack-plugin] una...
众所周知，vuex的一个全局状态管理的插件，但是在浏览器刷新的时候，内存中的state会释放，通常的解决办法就是用本地存储的方式保存数据，然后再vuex初始化的时候再赋值给state，手动存再手动取会觉得很麻烦，这个时候就可以使用vuex的插件vuex-solidification插件地址: vuex-solidification , 欢迎star 插件原理vuex有一个hook方法：store.subscribe((mutation, state) => {}) 每次在mutation方法执行完之后都会调用这个回调函数，...
在项目中，常常需要从后端获取数据内容。特别是在前后端分离的时候，前端进行了工程化部署，跨域请求成了一个前端必备的技能点。好在解决方案很多。 在vue中，在开发中，当前使用较多的是axios进行跨域请求数据，但不少人遇到如下问题： ?异步通信，无法同步执行 ?无法集中管理 ?不便阅读 ?还未请求成功就调转了 ?then里面的逻辑越来越繁杂 以往的网络请求的写法如下： // main.js // 引入axios import axios from axios Vue.prot...
实际上关键词叫 微信pushState只能分享落地页 更贴切一点 应用场景： vue + vue-routervue-router使用hash模式（history模式没试过）不使用微信的js-sdk（因为我这个项目是可配置域名的商城，比较特殊，不能使用微信sdk）这个方案并不是最优秀的，会对性能造成一定的影响HTML5 history.pushStatevue-router的内部是通过 history.pushState 和 history.replaceState 实现的。但是iOS设备的微信浏览器不会去检测它们的变化。但是我们...
页面刷新后，想保存页面未保存的数据。我们总是习惯于放在浏览器的sessionStorage和localStorage中。但是用了vue后，vuex便可以被应用了。 vuex优势：相比sessionStorage，存储数据更安全，sessionStorage可以在控制台被看到。 vuex劣势：在F5刷新页面后，vuex会重新更新state，所以，存储的数据会丢失。 vuex可以进行全局的状态管理，但刷新后刷新后数据会消失，这是我们不愿意看到的。怎么解决呢，我们可以结合本地存储做到数据持...
这个地方坑比较多，查看网上并没有详细的文档，新手一般写到这里很痛苦。这里我只介绍一下我解决的方案，虽然它不是最好的，但是可行的方案； 总体分两步 1）跳到微信支付链接，它会自动拼接上code 2）获取本网址，截取code； 在vue中哪里获取code？ 在路由钩子函数beforeEach获取。（如果想了解beforeEach的用法，请关注我下一篇博客）。我们去请求微信网址"https://open.weixin.qq.com/connect/oauth2/authorize?appid=" +appid ...
最近遇到一个问题，用 Vue 开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧手机上出现白屏问题。分析一下应该是安卓系统版本的原因，目前已知的是Android 6.0 以上都 OK，6.0 以下就不行了。 低版本安卓系统内置的 webview 不支持 ES6 语法等一些新特性，所以报错。但在手机上调试不方便，受一篇文章的启发， IE 浏览器也是同样的问题，所以可以在 IE 上调试，一个调好了两个就都好了。突然发现万恶的 IE 还是有点用的...