vue数据绑定

vue数据绑定

vue中有两种数据绑定:
1.单向绑定(v-bind):数据只能从data送到页面。
2.双向绑定(v-model):数据不仅能从data送到页面,还能从页面送到data。
注意项:双向绑定一般都应用在表单类元素上面
v-model:value 可以直接写成v-model 因为它本身默认收集的就是value值。

<div id ="Dataclass">
单向绑定:<input type="text" v-bind:value="name">
双向绑定:<input type="text" v-model:value="name">
<script>
Vue.config.productionTip =false
new Vue({
   
el:'#Dataclass',
data:{
   
name:'xxx'
}
})
</script>

相关推荐

  1. vue数据

    2024-01-30 16:58:01       57 阅读
  2. Vue 双向数据

    2024-01-30 16:58:01       40 阅读
  3. Vue的双向数据原理

    2024-01-30 16:58:01       62 阅读
  4. vue3组件数据双向

    2024-01-30 16:58:01       53 阅读
  5. vue实例与数据

    2024-01-30 16:58:01       40 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-30 16:58:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-30 16:58:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-30 16:58:01       82 阅读
  4. Python语言-面向对象

    2024-01-30 16:58:01       91 阅读

热门阅读

  1. 基础算法-差分-一维数组

    2024-01-30 16:58:01       51 阅读
  2. 基于STM32F103的路灯监控系统设计

    2024-01-30 16:58:01       45 阅读
  3. 聊聊PowerJob的SystemInfoController

    2024-01-30 16:58:01       46 阅读
  4. 小程序的应用、页面、组件生命周期(超全版)

    2024-01-30 16:58:01       57 阅读
  5. 获取文件夹下所有文件路径

    2024-01-30 16:58:01       56 阅读
  6. 代码随想录算法训练营|day21

    2024-01-30 16:58:01       66 阅读
  7. 提高 Code Review 质量的最佳实践

    2024-01-30 16:58:01       50 阅读
  8. 【Vue】2-3、Vue 的基本使用

    2024-01-30 16:58:01       79 阅读
  9. QT 之信号槽

    2024-01-30 16:58:01       59 阅读
  10. OpenAI Gym 中级教程——环境定制与创建

    2024-01-30 16:58:01       44 阅读