1.将下载的Vue.js文件放入 js 目录下
2.在页面填写如下代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>快速入门</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="first">
{{message}}
</div>
<script>
new Vue({
el:'#first', //表示当前vue对象接管了div区域
data:{
message:'this is first is data' //注意不要写分号结尾
}
});
</script>
</body>
</html>
3.系统架构如下:
4.效果如下