Data binding of v-model instruction when vue uses vuex

data binding of v-model instructions when vue uses vuex

there are two ways to write it. I"d like to ask you some of the differences.

method one

computed: {
    name: {
        get() {
          return this.$store.state.name
        },
        set(v) {
          // vuexmutations
          this.$store.commit("name", v)
        }
    }
}

so are these two writing methods feasible?

Vue-cli vuex vue.js

May.10,2021

the two are different. There is no testing, but the data of store can only be changed through commit . Method 2 should be feasible, but method 1 is not.
official document
ide/mutations.html" rel=" nofollow noreferrer "> https://vuex.vuejs.org/zh/gui.

here is rarely used in actual projects (not to say which is possible), since your application scenario with vuex is multiple peer components, or data sharing in routing. There are usually multiple store. Most projects use modules, and then use map in components.

Previous: How does WeChat Mini Programs develop to build a back-end server? If the Tencent Cloud backend server is configured, how to use it?

Next: How can vue directive be called in the form of export default?

How does VUE's app project achieve font size? Similar to mobile browsers to control the size, size and size of fonts
font settings for browsers such as uc or qq. Can you dynamically control the app font size? Solve the problem, if it is too troublesome to write with js ...

Vue-cli vuex vue.js

Mar.07,2021
On the problem of error reporting in Vuex
problem description if you want to click on the menu through vuex, tab will add the I just clicked. action, store mutation elementtabs * state look at all the great gods. I don t know what the problem is. I ve been lookin...

Vue-cli vuex vue.js

May.07,2021
Can the understanding of several core concepts of Vuex be compared with the options of Vue?
recently, I have been reading the official tutorial of Vuex and referring to some blog articles, and then I have summed up myself to see if the status of Vuex (state) can be understood as the data? of Vue instance. Getter is treated as a similar calculat...

Vue-cli vuex vue.js

Jan.25,2022
How does the li click event of vue bind to the class name?
template code is <div class="news_title" v-on:click="news_title" > <ul> <li class="news_active" type1="0">< li> <li type1="1">< li> <li...

Nuxt.js vue-router vue-cli vuex vue.js

Mar.08,2022
How does the li click event of vue bind to the class name?
template code is <div class="news_title" v-on:click="news_title" > <ul> <li class="news_active" type1="0">< li> <li type1="1">< li> <li...

Nuxt.js vue-router vue-cli vuex vue.js

Mar.08,2022
Vue cannot get the picture src using v-for
problem description vue can t get the picture src using v-for related codes Please paste the code text below (do not replace the code with pictures) < template > <div class=imgBox> <div class="imgList"> <div...

Vue-cli vuex vue.js javascript html5

Jul.11,2022