vue 语法糖
个人觉得VUE的语法糖也可以称之为“缩写” ,好理解一些,说的不对的欢迎大神指导
比如说:
v-bind可以直接缩写为 “ :”
<a v-bind:href="url">跳转链接</a>
缩写为:
<a :href="url">跳转链接</a>
v-on 缩写为 “ @ ”
<button v-on:click="showData()">点我弹出文字</button>
缩写为:
<button @click="showData()">点我弹出文字</button>
JS部分:
<script>
var app=new Vue({
el:"#v1",
data:{
url:"https://www.baidu.com",
},
methods:{
showData:function () {
alert("hello");
}
}
})
</script>