vue属性绑定

最新推荐文章于 2024-03-29 19:54:29 发布

rightcat111

最新推荐文章于 2024-03-29 19:54:29 发布

阅读量340

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/rightcat111/article/details/126594061

版权

本文通过两个示例详细介绍了Vue的属性绑定，包括文本、图像源、HTML内容及值的绑定，展示了如何动态地将数据绑定到DOM元素上，以实现数据驱动视图的更新。

摘要由CSDN通过智能技术生成

示例代码一：

       <div id="app">
           <div>{ {obj.age}}</div>
           <div v-text="obj.name"></div>
           <div v-text="obj.gender"></div>
           <img v-bind:src="obj.touxiang"/>
           <input type="text" :value="obj.email"/>
       </div>
       <script>
           new Vue({
               el: "#app",
               data: {
                   obj:{
                       age:24,
                       name:"jack",
                       gender:"singer",
                       touxiang:"v2-2e54459eb1fbee2e6b0d3b9c089bc1d9_l.jpg",
                       email:"2546581942@qq.com"
                   }
               }