普歌-云言团队-vue-vue入门

vue用于构建用户界面的渐进式框架
官方网站: https://cn.vuejs.org
1.创建html页面, 使用vscode快捷键(!)生成html代码
2.先引入vue的js文件, 类似于jquery

<script src="vue.min.js" ></script>

3.在html页面添加一个div标签, div添加id属性(为了显示内容)

<div id="app"></div>

4.编写vue代码, 固定的解构

	<script>
		// 创建一个vue对象
		new Vue({ 
			el: '#app',//绑定vue作用的范围
			data: {//定义页面中显示的模型数据
				message: 'Hello Vue!'
			}
		})
	</script>

5.使用插值表达式, 获取data里面定义值
{{名称}}