随笔分类 -  vue

摘要:做一个单页应用(spa:所有东西在一个页面上显示),路由(不同的url地址)是必不可少的,下面介绍一下,vue-router在工程化下的使用,仅仅旨在说明3个页面(vue中称为组件)之间的跳转。 1.建立一个名为 epproject 的项目 如果不会vue-cli 脚手架创建一个vue的项目,自己百 阅读全文
posted @ 2017-06-21 17:04 风起了-- 阅读(415) 评论(1) 推荐(1)
摘要:沿用之前的vuex学习 actions 案例 介绍vue2.0的生命周期 其代码如下: 阅读全文
posted @ 2017-06-21 10:43 风起了-- 阅读(1646) 评论(0) 推荐(0)
摘要:除非是非常大的项目,否则不推荐使用modules. //1定义模块组var moduleA = { state, mutations, actions}; //2声明模块组 modules:{ a:moduleA } //3在App.vue中调用 <p>{{$store.state.a.count} 阅读全文
posted @ 2017-06-20 19:52 风起了-- 阅读(3082) 评论(0) 推荐(0)
摘要:Action 类似于 mutation,不同在于: Action 提交的是 mutation,而不是直接变更状态. Action 是异步的,mutation是同步的。 沿用vuex学习 简介的案例:这里是加10 减1 1.在store.js 中 代码为: 2.在App.vue中 代码如下: 阅读全文
posted @ 2017-06-20 19:32 风起了-- 阅读(1860) 评论(0) 推荐(0)
摘要:vue是一个面向数据,只有一个层:view,在数据传给客户端之前,计算其相关的属性,应该是什么样子,前面有个mapState([])远程加载数据,加载的是一个静态的数据,如果想获取动态的数据,就要用到 getters 。官方建议在getter和computed不推荐使用箭头函数。 这个例子依旧沿用了 阅读全文
posted @ 2017-06-20 18:24 风起了-- 阅读(5993) 评论(0) 推荐(0)
摘要:在vuex学习 state访问状态变量随笔中,在此基础上,介绍一下mutations触发状态。 例子如下: 在retore.js中,把 add(state,n){ state.count +=n.a; }, 阅读全文
posted @ 2017-06-20 17:28 风起了-- 阅读(2112) 评论(0) 推荐(0)
摘要:在vuex学习 vuex简介中已经介绍过vuex的简单使用,在这个例子中,沿用以上的模板,介绍一下state访问状态对象的几种写法: 阅读全文
posted @ 2017-06-20 16:47 风起了-- 阅读(2110) 评论(0) 推荐(0)
摘要:每一个 Vuex 应用的核心就是 store(仓库)。"store" 基本上就是一个容器,它包含着你的应用中大部分的状态(state)。Vuex 和单纯的全局对象有以下两点不同: Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么 阅读全文
posted @ 2017-06-20 15:47 风起了-- 阅读(278) 评论(0) 推荐(0)