1.0、初识Vue
auetest1.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>auetest1</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
</head>
<body>
<div id="app1">
<h1>
{{msg}}
</h1>
</div>
<script>
var vm = new Vue({
el:"#app1",
data:{
msg:"hello,vue!!!"
}
});
</script>
</body>
</html>
导入vue
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>mvvm模式的使用，大大降低了model和view的耦合度，是前后端分离的关键所在。
m:model层
v:view层
vm:viewmodel层
之前我们前后端之间是直接传递数据，后端的model或者modelandview设置数据并且返回到前端，然后前端使用${参数名}来获取数据展示。
但是mvvm的使用在后端和前端之间加了一个vm层，vm层专注于接收后端的数据，前端专注于从vm获取数据。
也就是说view层展现的不是model层的数据了，而是vm层的数据，由vm层负责与model层交互，这就完全解耦了view层和model层的，这个解耦是至关重要的，他是前后端分离方案实施的重要一环。
至此我们应该也明白了，Vue.js就是一个MVVM的实现者，他的核心就是实现了DOM监听与数据绑定
扫一扫
832
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
