Vue3.x系列基础指令数据双向绑定v-model

v-model 一般用来在表单input textarea 和 select 元素上创建双向数据绑定

根据控件类型自动选取正确方法更新元素

提示：语法糖也称为糖衣语法或者简写形式

v-model 数据双向绑定实例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
     <input type="text" v-model="message">
    {{message}}
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
    const vm  = Vue.createApp({
        data(){
            return {
               message:'hello world'
            }
        }
    }).mount("#app");
</script>
</body>
</html>

生活的强者，不是指能搞定一切困难，也不是指没有恐惧，而是就算心里藏着无尽的疲惫和委屈，还是会认真地做好手头上的事情；就算自己被生活锤得心灰意冷，还是会尽心尽力地负起责任；就算发现现实与理想的差距有十万里，虽然鞭长莫及，却依然马不停蹄。

Vue3.x系列基础指令数据双向绑定v-model

评论

相关文章