当前位置: 首页 > Web前端 > HTML5

vue简单介绍(一)什么是vue,为什么要学习vue?

时间:2023-04-05 01:35:10 HTML5

作为一个刚入行的菜鸟,不知道从什么时候开始就有了自己写专栏的想法。今天正好给自己挖个坑,分享一下自己对vue.js的感悟和感悟。整个专栏应该是会包括vue、vue-cli、vue-router、vuex、nuxt和一些webpack的简单介绍。当然,也会发布实战项目。更新频率取决于手头项目的进度。话不多说,开始今天的第一篇专栏。什么是视图?我们为什么要用vue?说到vue,就不得不说说vue是什么,为什么要用vue,它能给我们的开发带来什么样的便利呢?首先我们来看一下vue的自我介绍:Vue(读作/vju?/,类似于view)是一个用于构建用户界面的渐进式框架。请注意,我把这一点加粗了,progressiveframework是我比较喜欢Angular.js的一点(ps:绝对不是因为vue的文档是最好的:-))这意味着vue是一个无论项目如何的框架可以满足任何规模的发展需求。(我想我一次用vue-cli安装的项目才几十M,昨天从老大那里复制的src已经200M了。。。)vue总的来说就是一个已经盖好的空房子,而且它不同于单纯使用jQuery这种库,可以更好的实现代码复用,减少工作量。与Angular相比。扔掉吧,需要的也要用,占空间!简而言之,vue只做它需要做的事情,但它不做任何超出其职责范围的事情。vue的MVVM设计模式是什么?什么是MVC?如果你对前端有所了解,那你肯定知道MVVM和MVC这两种设计模式,而且很有可能你对mvp也有所了解。MVC就是模型、视图、控件,jQuery是采用的设计模式。熟悉jQuery的同学可能已经对$()深恶痛绝了。MVVM是模型、视图和视图模型。它是数据驱动的模型,即一切都是通过操作数据来完成的,尽量避免操作dom树。也就是说,我们不关注DOM的结构,而是考虑如何存储数据。用户的操作通过viewmodel在view中处理,根据情况,是否通过ajax与model层进行交互,再返回到view层。在这个过程中view和viewmodel的双向数据绑定,让我们彻底摆脱了对dom的繁琐操作,转而专注于处理用户的操作,避免了中控制层太厚的问题MVC。VUE的组件化开发的优势还是挺感慨的。刚开始接触VUE的时候,我还是不喜欢它的组件。父子传什么,子不能传父,什么占坑,传参数什么的,一头雾水,觉得这些东西完全没有必要。后来的事实证明,作为整个VUE文档中最大的部分,组件是一个相当多的补充。如果组件不是那么容易复用,那么不容易污染,我恐怕要发疯无数次了。比如我们现在要做一个一百页的项目,其中三十三个导航栏是A,六十七个导航栏是B,三十三个A导航栏中有一个模块不同,它可以分为A1,A2,A3,A4...如果用jQuery来解决这个,就得自己封装模板插件,要么写(A,B,A1,A2,An).length模板,或模板模板集。啧啧,累坏了王八蛋。在这方面,VUE的模板就简单多了。我们先计算需要多少个组件,然后检查组件是否相互嵌套,先把所有需要的地方都挖出来(写组件标签),然后在组件标签中写上要传入组件的参数,然后分别编写各个组件的实现。写起来简单,即使嵌套,也??只是在component标签中加一个component标签,比较简单,改一个参数就可以实现。