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 · 139 阅读 · 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 · 128 阅读 · 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 · 138 阅读 · 0 评论 -
07vuex 笔记module 02 -02
// main.jsimport Vue from 'vue'import Vuex from 'vuex'import App from './App.vue'Vue.use(Vuex)Vue.config.productionTip = falseconst moduleA = { namespaced: true, state: { count: 3 },...原创 2020-02-24 17:48:05 · 208 阅读 · 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 · 139 阅读 · 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 · 127 阅读 · 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 · 139 阅读 · 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 · 115 阅读 · 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 · 115 阅读 · 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 · 112 阅读 · 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 · 127 阅读 · 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 · 98 阅读 · 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 · 107 阅读 · 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 · 131 阅读 · 0 评论 -
vuex笔记04 getters
// main.jsimport Vue from 'vue'import Vuex from 'vuex'import App from './App.vue'Vue.use(Vuex)Vue.config.productionTip = falseconst store = new Vuex.Store({ state: { todos: [ { id:...原创 2020-02-24 17:43:22 · 238 阅读 · 0 评论 -
vuex笔记03-02
// App.vue<template> <div id="app"> {{ count }} <br/> <!-- {{ countAlias }} --> <br/> <!-- {{ countPlusLocalState }} --> </div>&...原创 2020-02-24 17:42:42 · 171 阅读 · 0 评论 -
vuex笔记03
// App.vue<template> <div id="app"> {{ count }} <br/> {{ countAlias }} <br/> {{ countPlusLocalState }} </div></template><script&g...原创 2020-02-24 17:42:12 · 155 阅读 · 0 评论 -
vuex笔记02
//App.vue <div id="app"> {{ this.$store.state.count }} </div>//main.jsimport Vue from 'vue'import Vuex from 'vuex'import App from './App.vue'Vue.use(Vuex)Vue.config.produc...原创 2020-02-24 17:40:36 · 140 阅读 · 0 评论 -
vuex笔记01
npm install vuex --saveimport Vue from 'vue'import Vuex from 'vuex'import App from './App.vue'//main.jsVue.use(Vuex)Vue.config.productionTip = falseconst store = new Vuex.Store({ state: {...原创 2020-02-24 17:39:51 · 117 阅读 · 0 评论