初步认识vue.js

谭杨杰

已于 2024-12-17 15:03:23 修改

阅读量1.3k

点赞数 19

文章标签： vue vue.js

于 2024-12-10 15:03:26 首次发布

本文链接：https://blog.csdn.net/weixin_63647413/article/details/144374386

版权

1.vue介绍
1.1 什么是vue
vue是一个构建用户界面UI的渐进式javascript框架，渐进式的框架是指可以一步一步的由浅入深的去使用这个框架，该框架可以逐步引入项目。

1.2 vue的优点
1.体积小压缩后33k左右，体积小意味着下载速度很快。

2.更高的运行效率基于虚拟dom，一种预先通过javascript进行各种计算，把最终的DOM操作计算出来并进行优化的技术。所谓虚拟dom指的是对真实dom的一种模拟。相对于直接操作真实dom，我们构建一棵虚拟的dom树，将各式数据和操作直接应用到这颗虚拟的dom树上，然后再虚拟的树修改应用到真实的dom树中，有助于减少dom的操作次数，带来性能上的提升，可以频繁的操作虚拟节点，然后一定时刻一次性的同步修改到真实dom节点

3.双向数据绑定让开发者不用再去操作dom对象，把更多精力投入到业务逻辑上来

4.生态丰富，学习比较简单市场上有很多稳定成熟的基于vue的ui框架可以拿来使用，实现快速开发。中国人开发的，中文资料丰富。

2. 库和框架的区别
2.1 库
本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把控制权交给使用者，js中最典型的是jQuery，jquery本质上是封装dom操作，简化dom操作的工具库

2.2 框架
框架是一套完整的解决方案，使用框架是需要遵循框架的规则，将代码放入框架的合适位置，框架在合适的时候调用代码。代表Vue。一种框架会规定自己的编程方式，侵入性较高。

3. MVVM
MVVM，一种更好的UI模式解决方案，MVVM通过数据双向绑定让数据自动地双向同步

标题解释
MVVM M-V-VM
M Model数据模型，json格式的数据
V view视图，JSP，HTML
VM ViewModel视图模型，把Model和View关联起来的就是ViewModel，ViewModel负责把Model的数据同步到View显示出来，还负责把View的修改同步回Model
虽然没有完全遵循MVVM模型，Vue的设计无疑受到了它的启发。另外一个js框架“knockout”完全遵循MVVM模型学习Vue要转化思想：“不要在想着怎么操作DOM，而是想着如何操作数据！！！”

4. 安装vue
cdn下载（需要网络）  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>