1.Vue.js是什么？
Vue (读音 /vjuː/，类似于 view) 是一套构建用户界面的框架。只关注视图层，不仅容易上手，还便于与第三方库或既有项目整合。
2,为什么要学习流行框架？
使用框架，可以提高开发效率。
前端提高开发效率的历程：原生JS->JQuery之类的库 -> 模板引擎 -> Angular.js -> Vue.js
在vue中，一个核心的概念：让用户不用再操作DOM元素，从而能更专注于业务逻辑。
3.框架和库的区别
框架：一套完整的解决方案，对项目的入侵比较大。一旦项目需要更改框架，则需要对整个项目进行重构。
例如：node中的express。
库（插件）：提供一个小功能，对项目的入侵较小。如果某个库无法解决某项需求，则可以很容易切换到其它库实现。
例如：从EJS切换到art-template。
4.node（后端）的mvc和前端的mvvm
node后端：
（1）view层：视图层，即前端html页面。每当用户操作了界面，如果需要进行业务的处理，都会向服务器发起网络请求，此时此刻，这个请求就会被后端的app.js监听到，从而对发起的请求进行处理，并将响应数据返回到前端，前端制定好页面结构、样式或一些动态效果后，将数据填充到页面，页面经过浏览器引擎渲染后就可以展示给用户。
（2）app.js：app.js为node后端项目的入口模块，所有网络请求都会进入到这里处理，但app.js并不进行路由分发，需要调用路由模块router.js，来进行路由的分发处理。
（3）router.js:：router.js为路由分发模块，会对路由进行分发处理，但为了保证模块职能单一，路由模块并不会进行具体的业务逻辑操作。需要调用controller模块进行业务逻辑操作。
（4）controller层：该模块就是mvc中的controller层，负责具体的业务逻辑操作。同样为了模块的职责单一，该模块不会负责针对数据库的crud等操作。需要调用model模块来进行数据库操作。
（5）model层：该模块是mvc中的model层，负责操作数据库，执行crud等操作，实现数据的改变或读取。
前端的mvvm：
前端的mvvm就是将后端的view层分成了m，v和vm三层，其中vm是mvvm的核心，是m和v之间的调度者，v层和m层之间的通信都是通过vm层。
m：这里的m层保存的是每个页面中单独的数据。
vm：它是m和v之间的调度者，每当v层要获取或保存数据，都要经过vm做中间的处理。
v：v是每个页面中的html结构。
前端页面中使用mvvm思想，主要是为了开发更加方便。因为mvvm为我们提供了数据的双向绑定。
5.Vue基本代码和MVVM之间对应代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!-- 将来new出的vue实例，会控制这个元素中的所有内容 -->
<!-- vue实例控制的这个元素区域，就是我们的**v** -->
<div id="app">
<!-- 使用插值表达式引用vue实例中定义的数据 -->
<p>{{msg}}</p>
</div>
<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
// 导入vue包后，就能使用vue构造函数
//new出来的vue实例，就是mvvm中的调度者**vm**
var vue = new Vue({
el: "#app",//要控制哪个元素下的内容
//这里的data属性，就是mvvm中的**m**，专门用来保存每个页面的数据
data: {//要显示的数据内容
msg: "欢迎学习vue" //通过vue提供的指令，很方便的就能把数据渲染到页面中，不用程序员操作dom元素
}
})
</script>
</body>
</html>
522
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
