vue学习之v-bind的使用 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div id="app">
            <img v-bind:src="url" >
            <!-- 语法糖写法 -->
            <a :href="baidu_url">百度一下</a>
        </div>
    </body>
</html>
<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    // v-bind的语法糖 :src
    const app = new Vue({
        el:'#app',//决定vue挂载到哪个对象
        data:{
            message:'你好',
            url:'https://cn.vuejs.org/images/imooc-ad.png',
            baidu_url:'www.baidu.com'
        }
    })
</script>

 

posted @ 2020-06-04 17:14  神女卑弥呼  阅读(63)  评论(0)    收藏  举报