Vuex
林飞的梦呓
日拱一码,功不唐捐!
展开
-
08vuex笔记 forms 02
// App.vue <template> <div id="app"> {{ message }} <br/> <input v-model="message" /> <!-- <input :value="message" @input="updateMessage" /> --> ...原创 2020-02-24 17:49:00 · 126 阅读 · 0 评论 -
08vuex笔记 forms
// App.vue <template> <div id="app"> {{ message }} <br/> <!-- <input v-model="message" /> --> <input :value="message" @input="updateMessage" /> ...原创 2020-02-24 17:48:49 · 118 阅读 · 0 评论 -
07vuex笔记 module 03
// App.vue <template> <div id="app"> </div> </template> <script> import { mapState, mapActions } from 'vuex'; export default { name: 'app', computed: mapSta...原创 2020-02-24 17:48:22 · 120 阅读 · 0 评论 -
07vuex 笔记module 02 -02
// main.js import Vue from 'vue' import Vuex from 'vuex' import App from './App.vue' Vue.use(Vuex) Vue.config.productionTip = false const moduleA = { namespaced: true, state: { count: 3 },...原创 2020-02-24 17:48:05 · 171 阅读 · 0 评论 -
07vuex 笔记module 02
// App.vue <template> <div id="app"> </div> </template> <script> export default { name: 'app' } </script> <style> #app { font-family: 'Avenir',...原创 2020-02-24 17:47:48 · 117 阅读 · 0 评论 -
07笔记vuex module 02
// App.vue <template> <div id="app"> </div> </template> <script> export default { name: 'app' } </script> <style> #app { font-family: 'Avenir',...原创 2020-02-24 17:47:11 · 115 阅读 · 0 评论 -
07笔记vuex module
// App.vue <template> <div id="app"> </div> </template> <script> export default { name: 'app' } </script> <style> #app { font-family: 'Avenir',...原创 2020-02-24 17:46:56 · 128 阅读 · 0 评论 -
06笔记vuex actions 04
// App.vue <template> <div id="app"> {{ count }} <button @click="increment">+</button> <button @click="decrement">-</button> </div> </t...原创 2020-02-24 17:46:36 · 102 阅读 · 0 评论 -
06vuex 笔记actions 03
// App.vue <template> <div id="app"> {{ count }} <button @click="increment">+</button> <button @click="decrement">-</button> </div> </t...原创 2020-02-24 17:46:25 · 101 阅读 · 0 评论 -
06笔记vuex actions 02
// App.vue <template> <div id="app"> {{ count }} <button @click="increment">+</button> <button @click="decrement">-</button> </div> </t...原创 2020-02-24 17:45:58 · 100 阅读 · 0 评论 -
06笔记vuex actions
// App.vue <template> <div id="app"> {{ count }} <button @click="increment">+</button> <button @click="decrement">-</button> </div> </t...原创 2020-02-24 17:45:43 · 111 阅读 · 0 评论 -
05笔记vuex mutation02
//App.vue <template> <div id="app"> {{ count }} <button @click="increment">+</button> </div> </template> <script> import { mapState } from '...原创 2020-02-24 17:45:24 · 85 阅读 · 0 评论 -
05笔记vuex mutation
// App.vue <template> <div id="app"> {{ count }} </div> </template> <script> import { mapState } from 'vuex'; export default { name: 'app', computed: ma...原创 2020-02-24 17:45:05 · 96 阅读 · 0 评论 -
vuex笔记04 getters 02
// App.vue <template> <div id="app"> Completed Todos: {{ doneTodosCount }} </div> </template> <script> import { mapGetters } from 'vuex'; export default { ...原创 2020-02-24 17:43:38 · 121 阅读 · 0 评论 -
vuex笔记04 getters
// main.js import Vue from 'vue' import Vuex from 'vuex' import App from './App.vue' Vue.use(Vuex) Vue.config.productionTip = false const store = new Vuex.Store({ state: { todos: [ { id:...原创 2020-02-24 17:43:22 · 223 阅读 · 0 评论 -
vuex笔记03-02
// App.vue <template> <div id="app"> {{ count }} <br/> <!-- {{ countAlias }} --> <br/> <!-- {{ countPlusLocalState }} --> </div> &...原创 2020-02-24 17:42:42 · 156 阅读 · 0 评论 -
vuex笔记03
// App.vue <template> <div id="app"> {{ count }} <br/> {{ countAlias }} <br/> {{ countPlusLocalState }} </div> </template> <script&g...原创 2020-02-24 17:42:12 · 144 阅读 · 0 评论 -
vuex笔记02
//App.vue <div id="app"> {{ this.$store.state.count }} </div> //main.js import Vue from 'vue' import Vuex from 'vuex' import App from './App.vue' Vue.use(Vuex) Vue.config.produc...原创 2020-02-24 17:40:36 · 124 阅读 · 0 评论 -
vuex笔记01
npm install vuex --save import Vue from 'vue' import Vuex from 'vuex' import App from './App.vue' //main.js Vue.use(Vuex) Vue.config.productionTip = false const store = new Vuex.Store({ state: {...原创 2020-02-24 17:39:51 · 106 阅读 · 0 评论