在[vuex传值](http://note.lixuyian.top/vueaaa/920166)中,使用
```
this.$store.commit("changeLetter",index);
```
将值传入mutation中。
****
****
并做一系列操作
mutation
```
changeLetter(state,letter){
state.letter = letter;
}
```
state
```
letter:"",
```
使得该参数写入state
********
>[danger]**Q:** 在具体页面中,如何从state中获取这些数据呢?
****
**使用computed计算属性,与watch监听属性,来进行数据操作**
computed
```
computed: {
letter(){
return this.$store.state.letter;
}
},
```
watch
```
watch: {
letter(){
//进行具体操作
}
},
```
>[danger]在data中定义`letter:this.$store.state.letter`,一样可以获取该数据。
但如果这样定义letter,就**没有办法在watch中监听该数据的变化进行数据操作**
- vs code 所需插件
- 新建项目基础配置
- 新项目初始化
- 项目打包上传
- 适配
- vue-vw
- vue-rem
- 基础
- 跳转
- 循环
- 样式
- 组件
- 子组件自定义事件向父组件传参
- 兄弟组件之间传参(含vuex)
- 实例:实现子组件word、list之间的参数传递
- 父子组件
- vuex的使用
- 精简版(不经过action)
- 组件实例(axios+http)
- axios读取网络数据
- MovieItem组件
- swiper
- better-scroll
- position:fixed搭配使用
- 数据绑定
- 计算属性
- 计算属性(computed)与监听属性(watch)搭配使用
- 侦听
- 动画
- 原理
- 使用iconfont
- 雪碧图
- 插槽
- @import引入外部样式
- 路径配置
- ref属性
- 显示隐藏的控制
- 生命周期
- 数据请求
- vuex
- 小效果
- 1.下滑顶部标题显示
- 2.在页面初始时加入动画效果
- 小项目
- Vue搜索功能
- Vue电影数据获取渲染
- Vue-travel
- main.js
- HTTP.js
- Head.vue
- swiper.js
- Home.vue
- 小技巧
- 1.阻止双击页面图片放大
- 2.缓存设置
- 3.跳转页面后从顶部开始显示
- 4.打包
- 5.使用store.js中的数据
- 使用库
- vant
- vant-list
- weex(实现vue代码编写Android软件)
- 1.启动项目
- 2.搭配Android studio
- vuex
- 1.State
- 2.Getter
- 3.Mutation
- 注
- 使用echarts
- echarts更换主题
