认识Vue

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的插件

  1. vue-cli:脚手架
  2. axios:ajax请求
  3. vue-router:路由管理
  4. vuex:状态管理
  5. vue-lazyload:图片懒加载
  6. vue-scroller:页面滚动
  7. mint-ui:移动端UI组件库
  8. element-ui:PC端UI组件库
  9. ……

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的一点不便之处。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值