您的位置：首页 > Web前端 > Vue.js

1.1vue.js 是什么

2020-02-02 14:12 453 查看

vue.js的官方文档中是这样介绍它的。

简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。

简单小巧是指vue。js压缩后大小仅有17kn。所谓渐进式，就是你可以一步一步·有阶段性的来使用vue.js，不必一开始就使用所有的东西。随着本书的不断介绍，你会深刻感受到这一点，这也是开发者热爱vue.js的主要原因之一。

使用vue.js可以让web开发变的简单，同时也颠覆了传统前端开发模式，他提供了现代web开发中常见的高级功能，比如：

解偶视图与数据

可复用的组件

前端路由

状态管理

虚拟dom

1.1.1 MVVM模式

与知名前端框架angular·ember等一样，vue.js在设计上也使用 mvvm模式。

mvvm模式是由经典的软件架构mvc衍生来的，当view（视图层）变化时，会自动更新到viewmodel（视图模型），繁殖亦然。view和viewmodel之间通过双向绑定建立联系，

1.1.2vue.js有什么不同

如果你使用过jquery，那你一i的那个对操作dom。绑定事件等这些原声javascript能力非常熟悉，比如我们在指定dom中插入一个元素，并给他绑定一个点击事件

这段代码不难理解，操作的内容也不复杂，不过这样让我们的视图代码和业务逻辑紧耦合在一起，随着功能不断增加，直接操作dom会使得代码越来越难以维护。

而vue.js通过mvvm的模式拆分为视图和数据两部分，并将其扽里，因此你只需关心你的数据就行，dom的事情vue会帮用vue.js可以改写为：

<body>

<button v-if="showBtn" v-on:click="handleClick“>click me</button>

</div>

</body>

转载于:https://www.cnblogs.com/JavascriptAndHtml5/p/9764942.html

dengfubi7044 发布了0 篇原创文章 · 获赞 0 · 访问量 157 私信关注

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航