美文网首页
学习vue2.0笔记(第五章下)

学习vue2.0笔记(第五章下)

作者: 这很重要吗 | 来源:发表于2017-05-21 10:43 被阅读0次

状态管理插件vuex

image.png

状态管理机制


image.png

安装

image.png

import导入,注册,实例化,

image.png

全局使用store,

image.png

通过this.$store调用,

image.png

app.vue引入两个组件


image.png

apple子组件

image.png image.png image.png
使用actions
image.png

区别:
mutations和actions的区别

actions可以进行异步的操作,比如ajax请求,然后再去触发mutations
mutations同步
actions请求产品id数据


image.png

通过getters获取数据

image.png

取数据,不用从state获取



把状态集分成不同的module模型


image.png
合成一个总的store

官方推荐目录结构

相关文章

  • 学习vue2.0笔记(第五章下)

    状态管理插件vuex 状态管理机制 安装 import导入,注册,实例化, 全局使用store, 通过this.$...

  • 投资顾问七

    还是把第五章的笔记再补充一下吧。与证券投资顾问业务学习笔记⑥有很多重复内容哦 第五章风险管理相关内容 就其性质而言...

  • 证券投资顾问业务学习笔记⑦

    还是把第五章的笔记再补充一下吧。与证券投资顾问业务学习笔记⑥有很多重复内容哦 第五章风险管理相关内容 欢迎关注微信...

  • vue2.0学习笔记

    过渡效果

  • vue.js源码学习笔记

    参考:vue.js官网Vue.js 源码学习笔记Vue2.0源代码阅读 文件结构梳理 整体目录 源代码实现目录 模...

  • 《学习的学问》 读书笔记3

    《学习的学问》 读书笔记:第五章—结语。 第五章从“会学”到“学会” 一旦学会,主动输出。 学习的关键在于应用,这...

  • 学习vue2.0笔记(第五章上)

    vue-cli## vue-cli是vue官方提供的脚手架的工具 使用vue-cli的优势成熟的vue项目架构设计...

  • Vue2.0学习笔记(1)

    一. 下载Vue2.0的两个版本 开发版本(包含完整的警告和调试模式) 生产版本(删除了警告,30.67KB mi...

  • 《机器学习》西瓜书学习笔记(索引)

    第一章,第二章:《机器学习》西瓜书学习笔记(一) 第三章:《机器学习》西瓜书学习笔记(二) 第四章,第五章:《机器...

  • Vue2.0 $router和$route的区别

    使用Vue2.0 router 过程中,会对route 会有混淆,现做笔记记录 一、$router router....

网友评论

      本文标题:学习vue2.0笔记(第五章下)

      本文链接:https://www.haomeiwen.com/subject/fzymxxtx.html