Vue.js是什么?
Vue是一个构建用户界面(UI)的[渐进式]JavaScript
框架
官网:https://cn.vuejs.org/
Vue作者:尤雨溪/中国无锡
库和框架的区别
库(Library)
:
本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者
代表:jQuery
jQuery这个库的核心:DOM操作,即:封装DOM操作,简化DOM操作
框架(Framework)
:
是一套完整的解决方案,使用框架的时候,需要把你的代码放到框架合适的地方,框架会在合适的时机调用你的代码
代表:vue
框架规定了自己的编程方式,是一套完整的解决方案
使用框架的时候,由框架控制一切,我们只需要按照规则写代码
框架的侵入性很高(从头到尾)
MVVM的介绍
MVVM,一种更好的UI模式解决方案
,MVVM通过数据双向绑定
让数据自动地双向同步
可以把MVVM认为是MVC的改版
MVVM ===> M / V / VM
M:model数据模型(JSON)
V:view视图(HTML)
VM:ViewModel 视图模型
V(修改数据) -> M
将视图层的数据通过事件将数据提交到后端服务器 onclick
M(修改数据) -> V
将后端数据(JSON)通过赋值的方式在视图层展现 $(’#id’).val()
数据是核心
VUE虽然没有完全遵循MVVM模型,Vue的设计无疑受到
了它的启发。另外一个js框架“knockout”完全遵循MVVM
模型
学习Vue要转化思想:“不要再想着怎么操作DOM(文档对象模型),
而是想着如何操作数据
安装Vue
cdn下载
需要连接网络
开发环境版本
,包含了有帮助的命令行警告
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
生产环境版本
,优化了尺寸和速度
<script src="https://cdn.jsdelivr.net/npm/vue"></