vuex

所有对store.state的改变只能通过mutation来操作，在其它方法中都不能直接改，包括getters, actions 来源： oschina 链接： https://my.oschina.net/jenqz/blog/4317059

框架对比 1.体积和性能 相较于vue，angular显得比较臃肿，比如一个包含了 Vuex + Vue Router 的 Vue 项目 (gzip 之后 30kB) ，而 angular-cli 生成的默认项目尺寸 (~65KB) 还是要小得多。 在渲染性能上，这两个框架都很快，性能上几乎没有差别。 2.开发效率 都提供了各自的脚手架工具，帮助提高从开发到构建打包的整套过程，另外均可以基于组件化开发，编写可复用的组件，大大较少重复性的工作。但angular凭借 Typescript 本身比 JavaScript 更加工程化的优势，在都是团队开发的情况下，angular会更具优势。 3.灵活性 Vue 相比于 Angular 更加灵活，可以按照不同的需要去组织项目的应用代码。比如，甚至可以直接像引用jquery那样在HTML中引用vue，然后仅仅当成一个前端的模板引擎来用。 4.可维护性 我理解的可维护性包括两个层次，一是代码的可读性，二是可重构性。同样是因为对TS（能提供静态类型检查）的支持不够全面，使得vue在这两个层次都有些不足。vue作者本人也承认vue在TS 的支持上还有所不足，在3.0版本中将会有所改进。 5.es6支持 es6是新一代的javascript标准，对JavaScript进行了大量的改进，使用es6开发已是基本需求。虽然有部分十分老旧的浏览器不支持es6

一、引言 全网最全的前后端分离微信 网页授权 解决方案。如果有更好的优化方案，欢迎多多交流 二、网页授权的步骤 1 第一步：用户同意授权，获取code 2 第二步：通过code换取网页授权access_token 3 第三步：刷新access_token（如果需要） 4 第四步：拉取用户信息(需scope为 snsapi_userinfo) 5 附：检验授权凭证（access_token）是否有效 注意 ：这里的access_token属于网页授权access_token，而非普通授权的access_token，官方给出的解释如下： 关于网页授权access_token和普通access_token的区别 1、微信网页授权是通过OAuth2.0机制实现的，在用户授权给公众号后，公众号可以获取到一个网页授权特有的接口调用凭证（网页授权access_token），通过网页授权access_token可以进行授权后接口调用，如获取用户基本信息； 2、其他微信接口，需要通过基础支持中的“获取access_token”接口来获取到的普通access_token调用。 但是没有讲得很明白。其实两者的区别就是： 第一，网页授权access_token只要用户允许后就可以获取用户信息，可以不关注公众号，而普通access_token没有关注公众号，获取用户信息为空； 第二

基础篇 说说你对MVVM的理解 Model-View-ViewModel的缩写，Model代表数据模型，View代表UI组件,ViewModel将Model和View关联起来 数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知 viewModel 层更新数据 了解mvc/mvp/mvvm的区别 Vue2.x响应式数据/双向绑定原理 Vue 数据双向绑定主要是指： 数据变化更新视图，视图变化更新数据 。其中，View变化更新Data，可以通过事件监听的方式来实现，所以 Vue数据双向绑定的工作主要是如何 根据Data变化更新View 。 简述 ： 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的 property，并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。 这些 getter/setter 对用户来说是不可见的，但是在内部它们让 Vue 能够追踪依赖，在 property 被访问和修改时通知变更。 每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把“接触”过的数据 property 记录为依赖。之后当依赖项的 setter 触发时，会通知 watcher，从而使它关联的组件重新渲染。 深入理解： 监听器

Vue 给 mapState 中定义的属性赋值报错的解决方案 by: 授客 QQ ： 1033553122 1. 实践环境 Vue 2.9.6 2. 问题描述 <script> import { mapState } from 'vuex'; export default { name: "displayCount", computed: { ...mapState({ ...略 count: state => state.a.count }) }, methods: { increaseCount () { this.count = this.count + 1 } } }; </script> <style> </style> 如上，我们希望在执行increaseCount函数时，给mapstate函数中映射定义的this.count赋值，给该值增加1，结果，提示 [Vue warn]: Computed property "count" was assigned to but it has no setter. 3. 解决方案 1 如下，把属性“移出mapState”，然后为属性新增get，set方法，分别用于获取值和改变值（按store状态管理规定的方式） <script> import { mapState } from 'vuex'; export default {