注意：
1.v-bind：可以直接缩写成： v-on：可以缩写成@
2.在idea环境中，如果Vue指令没有编程红色，可能是符号状态忘记切换成英文(对这几个常用指令，对v-model就不符合)
HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首页</title>
</head>
<body>
<div id="app">
<a v-bind:href="url">点我，有惊喜</a>
<!--用于绑定每一个指令，一般通过点击更改属性值，v-bind可以省略只保留冒号可以达到同样的效果-->
<input type="button" value="按钮" v-on:click="say">
<!--v-on指令，用于绑定事件，一般在浏览器中常用的事件，这里都可以绑定-->
</div>
<script src="../lib/vue.js"></script>
<script>
var app = new Vue({
el:'#app',
data:{
url:'https://blog.csdn.net/qq_42036616'
},
methods:{ //methods属性中，可以定义当前Vue实例中，所有可用的方法
say:function () {
alert('陈小帅还是挺帅的')
}
}
});
</script>
</body>
</html>效果：
