Shulou(Shulou.com)06/01 Report--

Editor to share with you what is the use of v-model instructions in Vue, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

V-model

This directive is used to create a two-way data binding on the form.

V-model ignores the initial values of the value, checked, and selected properties of all form elements. Because it chooses Vue instance data as the specific value.

Hello {{somebody}}

Var app = new Vue ({el:'# app', data: {somebody:' Xiaoming'}})

In this example, type a different name directly into the browser input, and the content of the following p will change directly. This is two-way data binding.

The v-model modifier. V-model synchronizes the values and data of the input box by default. You can use this modifier to resynchronize in the change event.

.number

Automatically convert the user's input value to a numeric type

.trim

Automatically filter leading and trailing spaces entered by the user

The above is all the content of the article "what is the use of v-model instructions in Vue". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.