常用指令
v-bind与v-model
v-on
代码：
代码一：Vue-指令-v-bind、v-model
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Vue-指令-v-bind</title><script src="js/vue.js"></script>
</head>
<body><div id="app"><a v-bind:href="url">链接一</a><a :href="url">链接二</a><input type="text" v-model="url"></div>
<script>new Vue({el:"#app",data:{url:"https://www.baidu.com"}})
</script></body>
</html>
代码二：Vue-指令-v-on
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Vue-指令-v-on</title><script src="js/vue.js"></script>
</head>
<body><div id="app"><input type="button" value="点我一下" v-on:click="handle"><input type="button" value="点我一下" @click="handle"></div>
<script>new Vue({el:"#app",data:{},methods:{handle:function () {alert("你点我了一下~~~");}}})
</script></body>
</html>
