山中何事的博客

学习Vue路由的总结一.路由的基本概念和配置 路由中有三个基本的概念 route, routes, router 　 ① route，它是一条路由,进入哪个路由显示哪个路由对应的内容 ② routes 是一组路由 [{path: '/', name: '/', component: router }， {path: '/index', name...

Vuex深入学习 --- 基础概念Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。一. 特点:1. Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候 若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。2. 你不能直接改变...

Vue深入学习 — Statestate在一个应用中是唯一的,也就是只有一个store实例如何使用:①直接获取state this.$store.state.***②动态获取state 在组件中的computed(计算属性)中引入 computed: { count () { // 当state发生变化时都会返回状态 return th...

vuex深入学习 — Getter特点:1.getter相当于组件中计算属性,getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。2.适合当以一个state被多次使用时3.getters 接受 state作为第一个参数 getters: { // ... // 可以接受其他的getters作为参数 doneTodosC...

vuex深入学习 — Mutation特点:更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数,但handler不...

vuex深入学习 — Action特性:Action 提交的是 mutation，而不是直接变更状态。Action 可以包含任意异步操作适合多个Mutation的操作const store = new Vuex.Store({state: {count: 0},mutations: {increment (state) {state.count++}},ac...

.一.Vue基础指令: 1.v-model 双向数据绑定 用法: 用于表单控件input select textarea components(组件) <v-model="content">{{content}}</any> 修饰符: ① .lazy 取代input 监听 change 事件

vuex深入学习 — module由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。为了解决以上问题，Vuex 允许我们将 store 分割成模块（module）每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割const moduleA = {...

在使用Vue 和 Axios做项目时发现, Axios的post请求向后台发送数据时, 一直显示400Axios官网上发送post的请求方式:axios.post('/user', { firstName: 'Fred', lastName: 'Flintstone' }) .then(function (response) { console.log(resp...