去vue官网下载vue.js
引用vue.js
vue语法
一个vue实例，绑定一个容器，一对一关系
html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>初始Vue</title>
<script type="text/javascript" src="../js/vue.js"></script>
</head>
<tbody>
<!-- 准备好一个容器 -->
<div id="demo">
<h1>Hello，{{name.toUpperCase()}}，{{address}}</h1>
</div>
<script type="text/javascript">
Vue.config.productionTip = false
//创建Vue实例
new Vue({
el:'#demo', //el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。
data:{ //data中用于存储数据，数据供el所指定的容器去使用，值我们暂时先写成一个对象。
name:'atguigu',
address:'北京'
}
})
</script>
</tbody>
</html>