vue-01 安装与第一个vue程序
1.安装
- 直接使用<script>
- 下载vue.js后导入
- 直接在线导入链接
- 使用cli脚手架
2.第一个vue程序
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="app">
<!-- 这是一个插值表达式,可以获取下方注册变量的值-->
{{message}}
</div>
<script type="text/javascript">
<!-- 创建一个vue应用，需要一个对象，并返回一个对象-->
var app=new Vue({
<!--这里是一个元素对象 -->
<!--el表示元素，通过选择器来获取 -->
el:'#app',
data:{
<!-- 在这里注册变量并赋初值 -->
message:"hello Vue"
}
})
</script>
</body>
</html>
