目录
1.要先上传Vue的js包，包的路径在这：
http://xn--https-bl8js66z7n7i//pan.baidu.com/s/1ruf8GZuwyVVCpeA0a43mDw?pwd=hb7e%20%20%E6%8F%90%E5%8F%96%E7%A0%81%EF%BC%9Ahb7e要创建一个新的文件夹把包粘贴进去
2.获取
3.定义Vue接管的区域和他所要实现的内容
#整体代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="app">
<input type="text" v-model="message">
{
{message}}
</div>
</body>
<script>
new Vue({
el: "#app",//接管的区域
data: {
message: "Hello Vue"
}
})
</script>
</html>效果如下：（当在输入框内部输入时，外部的Hello Vue也会跟着变化，这就是Vue的特性）
Vue的指令(被绑定得必须有声明)
#v-bind
绑定属性值
#v-model
在表单元素上创建双向数据绑定
#v-on
为标签绑定事件（函数只有一个参数的话可以省略括号）
#V-if
V-else-if
V-else
V-show
判定条件进行展示
#v-show
通过浏览器检查窗口可以看出：
#v-for
遍历
