4.0 vue绑定dom属性和函数的方法 

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
 
<body>
    //1.绑定dom内容
    <a>{{name}}</a>
　　//2.绑定dom标签属性
　　<a :href="location">百度</a>
　　//绑定函数
   <button @click="add">添加</button>
 
    <script>
        new Vue({

　　　　　　data(){
                return {
                    name:'tom',
                    age:18,
　　　　　　　　　　　　location：'www.baidu.com'
                }
            }
　　　　　　, methods:{ add(){ 
　　　　　　　　　　　　alert("添加数据");
　　　　　　　              　} 
　　　　　　　　　　　　} 
　　　　}); 

</script> 

</body> 

</html>

 

posted @ 2022-02-18 16:54  JavaShop  阅读(283)  评论(0)  编辑  收藏  举报