1.什么是Vue.js?
- Vue是前端的主流框架之一,与Angular.js,React.js一起,成为三大前端主流框架。
- Vue除了可以开发网站,还可以开发手机App,不过需要借助Weex。
- Vue.js是一套构建用户界面的框架,容易上手,还便于与第三方库相结合。
- Vue.js是轻量高效的。
2.什么是Vue的渐进式?
渐进式就是一种可以逐渐增加的开发方式,Vue包含核心库和vue插件,Vue核心库提供了Vue框架基础功能的支持,在需要实现特定功能的时候可以引入Vue插件进行增强,像路由和状态管理等。
3.Vue的MVVM模式
M:model,数据层
V:view,视图层
VM:viewmodel,处理数据和界面的中间层
MVVM是前端视图层的概念,VM是View和Model之间的纽带,View与Model通过ViewModel实现双向数据绑定,MVVM的开发模式使前端从原来的DOM操作中解放出来,前端不再需要花费大量的时间维护视图和数据的统一,只需要关注于数据的变化即可,转变为一种数据驱动的开发模式
4. Vue的插件
- vue-cli:脚手架
- axios:ajax请求
- vue-router:路由管理
- vuex:状态管理
- vue-lazyload:图片懒加载
- vue-scroller:页面滚动
- mint-ui:移动端UI组件库
- element-ui:PC端UI组件库
- ……
5.Vue的核心思想
Vue的核心思想包括两部分:数据驱动和组件化开发
数据驱动:使用vue.js省去手动操作DOM 。在vue.js里面只需要改变数据,Vue.js通过Directives指令去对DOM做封装,当数据发生变化,会通知指令去修改对应的DOM,数据驱动DOM的变化,DOM是数据的一种功能自然的映射。vue.js还会对操作做一些监听(DOM Listener),当我们修改视图的时候,vue.js监听到这些变化,从而改变数据。这样就形成了数据的双向绑定。
组件化开发:vue作为一个轻量级前端框架,其核心就是组件化开发。我们一般常用的是用脚手架vue-cli来进行开发和管理,一个个组件即为一个个vue页面,这种叫单文件组件。我们在引用组件之时只需将组件页面引入,再注册即可使用。当项目比较大型,结构比较复杂时,我们一般选用vue-cli脚手架去构建项目。因为vue-cli集成了webpack环境,使用单文件组件,开发更简单,易上手,尤其是在对组件的处理上。对于原生vue.js,我们就得将组件构建在同一个html的script标签下或者html的外部js中,所有组件集中在一块,不容易管理,这也是原生vue,js的一点不便之处。