vue学习指南：第十五篇(详细) - Vuex

【vue学习指南：第十五篇(详细) - Vuex】的更多相关文章

vue学习指南：第五篇(详细) - vue的 computed、methods、watch 的区别？

Computed 计算属性 1. 将函数代码块中返回的结果赋值给前面的方法名 2. computed 中的属性有缓存功能,只要data中的数据不发生改变,计算得到的新属性就会被缓存下来,下次使用的时候不需要重新计算了. Methods 1. 需要手动调用,函数代码块中返回的结果就是得到的结果. 2. 不具备缓存功能,第二次使用的时候还待重新调用控制台会输出2个 methods,一个computed Watch 监听属性 1. watch 中的函数名必须和 data 中的数…

vue学习指南：第十五篇(详细) - Vuex

Vuex 一.基础 1. Vuex 相当于 vue的数据仓库 2. Vuex 是 vue 的状态管理工具 3. Vuex中的 state 只能通过mutations 改变 4. Vuex很适合做购物车什么是Vuex? Vuex采用集中式存储所有组件的数据状态,并且中间状态和store(后台数据)是响应的. 什么是响应? 前台的组件数据发生改变了,那后台的store数据都会发生改变,从而导致根这个组件有关联的都会改变,所以很适合做购物车. Vuex有什么好处?及使用场景? 好处:可以做状态管理…

vue学习指南：第三篇(详细) - vue的生命周期

今天小编给大家详细讲解一下 vue 的生命周期.希望大家多多指教,哪里有遗漏的地方,也请大家指点出来谢谢. 一. 怎么理解 Vue 的生命周期的? 生命周期:从无到有,到到无的一个过程.Vue的生命周期对组件来说的或实例来说. 简单理解:比如我们都知道 js 中的定时器,定时器都有开始的那一秒,已经执行过程中,最后执行完毕,我们的 Vue 的生命周期就好像定时器一样,有许多过程,他们就像钩子一样,相互牵连着. 1. 在Vue当中组件(自定义的一些标签) 浏览器是无法解析的. 2. …

vue学习指南：第十一篇(详细) - Vue的路由第一篇 ( router )

一.路由的配置路由 vue-router 1. 什么是路由? 路由相当于一个配置对象路由:就是我们通过不同的url访问不同的内容,通过angular.js 可以实现多视图的单页,现在流行的单页面开发模式. 2. 路由在web 有两种: 第一种 hash hash值前面带 # " https: // user : pass @ sub.example.com : 8080 /p/a/t/h ? query=string #hash " 第二种是 h…

vue学习指南：第七篇(详细) - Vue的组件通信

Vue 的父传子子传父一.父组件向子组件传值: 父传子把需要的数据传递给子组件,以数据绑定(v-bind)的形式,传递到子组件内部,供子组件使用缩写是(:) 1.创建子组件,在src/components/文件夹下新建一个Child.vue 子组件 2.Child.vue的中创建props,然后创建一个名为message的属性解释Props 1. Props 是一个对象注意:组件中的this 都是指向组件自己. 2. Props 是组件标签身上的所有属性构成的集合,用于父组…

vue学习指南：第六篇(详细) - Vue的组件 component

1. 什么是组件?有两种解释 1. 第一种解释: 什么是组件? 1. 组件是 vue 中的一个可复用的实例,所以new Vue() 是vue中最大的那个组件(根组件),有名字,使用的时候以单标签或双标签使用. 2. Vm = new vue() 是最大的组件,具有很多实用性的属性,比如 data,methods,computed等,所以定义的组件也有这些属性. 2. 第二种解释: 什么是组件? 1. 组件的出现就是为了拆分 vue 实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将…