vue 属性绑定v-bind

2018年05月05日 10:44 | 3250次浏览 作者原创 版权保护

Vue 在HTML 属性中使用时,不能使用 Mustache 语法,需要使用 v-bind 命令。

<!DOCTYPE html>
<html>
<head>
    <title>Vue模板-属性绑定</title>
</head>
<body>
    <div id="app">
        <a v-bind:href="link" target="_blank">百度</a>
    </div>
     <script type="text/javascript" src="../js/vue.js"></script>
     <script type="text/javascript">
         var app = new Vue({
             el: '#app',
             data: {
                 link: 'http://baidu.com'
             }
         });
     </script>
</body>
</html>

上面HTML属性 v-bind:href 可以简写为 :href



小说《我是全球混乱的源头》
此文章本站原创,地址 https://www.vxzsk.com/870.html   转载请注明出处!谢谢!

感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程


上一篇:vue 文本显示 下一篇:Spark RDD
^