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>
标签:vue,app,Vue,01,message,安装
From: https://www.cnblogs.com/ximenheiniu/p/18301092