vue学习笔记（v-text v-html v-on v-model）-panda

Vivianluolita

于 2018-01-29 13:04:39 发布

阅读量441

点赞数

分类专栏： vue.js

vue.js 专栏收录该内容

19 篇文章

订阅专栏

本文通过一个简单的示例介绍了Vue.js框架中v-bind指令的基本用法。该示例展示了如何使用v-bind动态地绑定图片源地址。v-bind是Vue中用于动态属性绑定的重要指令之一，它能够实现数据与DOM属性之间的双向绑定。

1.v-bind

<h1>v-bind</h1>
    <div id="app">
        <img v-bind:src="imgSrc" width="200px">
    </div>
    <script type="text/javascript">
        var app= new Vue({
            el:'#app',
            data:{
                imgSrc:"https://cn.vuejs.org/images/logo.png"
            }
        })
    </script>