安装 npm install urlencode 使用 var urlencode = require('urlencode'); console.log(urlencode('苏千')); // default is utf8 console.log(u
2023-03-12
有时候我们需要区分H5页面是在微信中打开的还是在支付宝中打开的，然后进行相应的操作。这就用到浏览器对象模型中的Navigator 对象，Navigator 对象包含有关浏览器的信息。我们通过Navigator 获取到userAgent的相关信息。 公共方法封装 function isAlipayO
2023-03-12
产生原因 JavaScript代码是运行在内存中的，代码运行时的所有变量、函数，也都是保存在内存中的。刷新页面，以前申请的内存被释放，重新加载脚本代码，变量重新赋值，所以这些数据要想存储就必须存储在外部，例如：Local Storage、Session Storage、IndexDB等。这些都是浏览
2023-03-12
[vuex] Do not mutate vuex store state outside mutation handlers 解决：更改 Vuex 的 store 中的状态的唯一方法是提交 mutation，即通过 dispatch -> actions -> commit ->
2023-03-12
普通的watch data() { return { balance: 0 } }, watch: { balance (newValue, oldValue) { console.log(newValue) } } 对象属性的watch data() { re
2023-03-12
本文优化至：http://www.appblog.cn/2018/07/10/Vuex获取this对象及深度state监测/ 问题暴露 当httpCode为403未授权时，页面将立即路由跳转至登录页面，导致组件销毁，原页面无法监听状态数据变化，即user_update_watcher无法观察user
2023-03-12
Vuex使用单一状态树（一个对象就包含了全部的应用层级状态），它作为唯一数据源存在，每个应用仅仅有一个store实例。单一状态树使得我们能够直接定位任一特定的状态片段，在调试过程中也能轻易地取得整个当前应用状态的快照。 Vuex的状态存储是响应式的。在Vue组件中获取Vuex状态总共有以下5种可行的
2023-03-12
deep：默认值是false，代表是否深度监听。 immediate：true代表如果在wacth里声明了之后，就会立即先去执行里面的handler方法，如果为false则默认在数据更新时执行handler方法，不会在绑定的时候就执行。 watch: { a: function (val,
2023-03-12
Vuex dispatch的payload最多只能接收一个参数 参考：https://vuex.vuejs.org/api/#dispatch var params = {} params.name = name params.age = age self.$store.dispatch(
2023-03-12
Vuex中无法获取到this对象，需要通过dispatch传入上下文this Vue监测state对象内部字段更新或数组某一数据更新可用：deep: true computed: mapState({ user_update_watcher: state => state.account
2023-03-12
account.js export default { state: { user: { 'data': null 'success': false, 'timestamp': 0 }
2023-03-12
Vuex简介 Vuex是解决Vue组件和组件间相互通信而存在的。 安装： npm install --save vuex 引入： import Vuex from 'vuex' import Vue from 'vue' Vue.use(Vuex) Vuex
2023-03-12
借助其它标签样式 思路： 设置checkbox类型的input表单为不可见 自定义div或label标签的常态及选中样式 根据checkbox的状态更新div或label标签的样式 index.vue </template> ... <yd-cell-item typ
2023-03-12
async/await场景 这是一个用同步的思维来解决异步问题的方案，当前端接口调用需要等到接口返回值以后渲染页面时。 名词解释 async async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不会阻塞后面代码的
2023-03-12
全局注册 该方式注册组件必须在vue实例化之前声明 Vue.component('tag-name', {}) 局部注册 var Child = { template: '<div>A custom component!</div>
2023-03-12