vue的初识
vue是一套用于构建用户界面的渐进式框架。(自底向上,逐层应用)
核心理念:数据驱动视图,组件化开发
三大主流框架:Vue Angular Reac并成为前端三大主流框架
框架和库的区别
框架
是一套完整的解决方案;对项目的侵入性较大,项目如果需要更换框架,则需要重新架构整个项目。
库
提供某一个小功能,对项目的侵入性较小,如果某个库无法完成某些需求,可以很容易切换到其它库实现需求。
MVC与MVVM的区别
MVC 是后端的分层开发概念。
{
M:模型层(进行逻辑的处理)
V: 视图层(展示数据 发送数据)
C: 调度层(接收数据 处理数据)
}
MVVM是前端视图层的概念。
{
M:模型层(进行逻辑的处理)
V: 视图层(展示数据)
VM: 视图模型层(承上启下)
}
vue的代码结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 引入vue.js -->
<script src="../jQuery/vue-2.4.0.js"></script>
</head>
<body>
<!-- 书写视图层 -->
<div class="app"></div>
</body>
<script>
// 实例化vue
var vm = new Vue({
// 控制区域
el: '选择器',
data: {
存放数据
},
methods: {
存放方法
}
})
</script>
</html>