![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue深度学习记录
vue深度学习记录
limeng19
这个作者很懒,什么都没留下…
展开
-
05-复杂项目中vuex使用modules
1-先新建两个组件,part3和part4,具体代码如下:part3:<template> <div> <h1>count1:{{count}}</h1> <button @click="setCount(4)">增加4</button> </div></template><script>// 这里可以导入其他文件(比如:组件,工具js,第三方插件js,原创 2021-06-23 16:26:07 · 70 阅读 · 0 评论 -
04-vuex中actions处理异步行为
vuex中的actions 处理异步数据请求,然后通过mutations设置state中的变量值,返回到每个组件中并展示出来。1-改造03例子中的vuex,代码如下:原创 2021-06-23 15:01:42 · 693 阅读 · 0 评论 -
03-初步使用vuex中的getters
1-改造02案例中的vuex,具体代码如下:import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { curIdx: 0, name: '李一就', age: 35 }, mutations: { setIdx(state, index) { s原创 2021-06-18 21:17:42 · 67 阅读 · 0 评论 -
02-vuex初步使用
1-初看官网土理解:state:装各种全局变量的容器;mutations:装各种全局方法的容器,只有它能改变state的变量;actions:异步请求后台数据的全局方法集合import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { curIdx: 0 }, mutations: { se原创 2021-06-15 11:52:44 · 76 阅读 · 0 评论 -
01-vue中不用vuex实现tab例子
1-在components下新建tab和page组件1.1-tab组件代码如下:<template> <div> <a href="javascroript:;" :class="[{ current: curIdx === 0 }]" @click="changeTab(0)" >选项1</a > <a href="javascroript:;"原创 2021-06-15 08:27:43 · 198 阅读 · 0 评论