How does vue modify the data in data to render values?

it"s easy to understand metaphorically. 

data(){
    return {
        province:""
        }
    },

I want to modify the above province

here. 
<div v-for="item in area" @click="province = {{ item.name }}">{{ item.name }}</div>

there is no reaction in writing like this.

This is probably what

means. Is it written in the wrong way? Or not at all? Solve the problem

Vue.js javascript
Jun.18,2021

is not written correctly 

<div v-for='item in area' @click='province = item.name '>{{ item.name }}</div>
<div v-for='item in area' @click='e => province = item.name'>{{ item.name }}</div>

the parenthesis syntax in the vue template is used to interpolate in the template, not in JS code

is the wrong way to write it. You can write
< div VMI for = "item in area" @ click=' () = > province = item.name': key= "item.name" > {{item.name}} < / div >

you can also define functions in js to make calls

clipboard.png

obviously, I made a mistake, and there was a grammatical problem

. 
:{{province}}

<div v-for='item in area' @click='province = item.name'>{{ item.name }}</div>

even if it is correct, you can't see the change, because the current one is to add a display to the item.name, which is more obvious

.

Previous: There is a small question about the definition of BFC in W3C.

Next: How vue v-for renders the list by a fixed number of lines

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu