初学者简单理解vue

前言

作为一个刚入行的菜鸟，不知道从什么时候开始写自己的专栏。今天就给自己挖个坑，分享一下我的感悟和对vue的一些感悟。整个专栏应该包括vue，vue-cli，vue-router，vuex，nuxt和一些webpack。当然，实际的项目肯定会发布，更新频率取决于手头项目的进度，你说是不是

什么是vue？为什么要用vue？

说到vue，就不得不说说vue是什么，为什么要用vue，它能给我们的发展带来什么便利？首先，我们来看看vue的自我介绍：

Vue(发音为/vju/，类似于view)是一个用于构建用户界面的渐进式框架。

请注意我的大胆点。与Angular.js相比，渐进式框架是我最喜欢的一点(ps:肯定不是，因为vue的文档最好用：-)编写。这意味着vue是一个无论项目规模大小都能满足开发需求的框架。(我以为我用vue-cli安装的项目一次只有几十米，昨天老板抄的src已经是200米了.)

一般来说，vue是一个已经建成的空房子。与jQuery的库相比，可以更好地实现代码重用，减少工作量。相对于Angular.js的框架，里面有各种家具电器，不能一件一件的挑，一件一件的扔掉，你不喜欢，甚至还要求，消耗空间！

简而言之，vue已经做了必要的事情，不会做任何超出他职责范围的事情。

vue的MVVM设计模式是什么？什么是MVC？

如果你对前端有所了解，你一定知道两种设计模式，MVVM和MVC，可能还知道一些关于mvp的知识。MVC，即模型、视图、控件和jQuery，就是这种设计模式。熟悉jQuery的人恐怕早就讨厌$()。

MVVM是model、view、viewmodel，这是一种数据驱动的模式，即一切都是通过操纵数据来完成的，同时尽可能避免操纵dom树。

换句话说，我们不关注dom的结构，而是考虑如何存储数据。用户的操作通过视图中的viewmodel进行处理，不管是否通过ajax与model层进行交互，然后返回视图层。在这个过程中，View和viewmodel之间数据的双向绑定，让我们彻底摆脱了dom的繁琐操作，而是专注于用户的操作，从而避免了MVC中控制层过厚的问题。

VUE组件开发的优势

说起来还挺动情的。当我第一次接触VUE时，我不喜欢他的组件。什么父亲传给儿子，儿子不能传给父亲，什么占了坑，传给了参照物等等。完全被搞糊涂了，我觉得这些东西完全没有必要。后来发现，作为整个VUE文件中最大的一部分，这个组件相当丰富多彩。要不是组件这么容易重复使用，不容易污染的特性，我早就疯了无数次了。

比如我们要做一个100页的项目，其中33个导航条是A，67个导航条是b，33个导航条A中有一个模块不一样，可以分为A1、A2、A3、A4.

如果用jQuery来解决这个问题，就要打包模板插件，要么写(A，B，A1，A2，An)。长度模板或设置模板。哎呀，我累坏了，你这个狗娘养的。

在这一点上，VUE的模板要简单得多。我们先计算需要多少个组件，然后看有没有嵌套的组件，在所有需要的地方挖洞(写组件标签)，在组件标签中写下要传入组件的参数，然后分别写下各个组件的实现，简单的写一下。即使嵌套，也只是组件标签中设置的一个组件标签，只需更改一个引用即可实现。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。