关注互联网应用及运维技术的个人博客

Web前端Vue框架是什么?

1.Vue框架是什么?

 Vue.js是一个构建数据驱动的Web界面的渐进式框架。Vue.js的指标是经历尽大概简略的API完成响应的数据绑定和组合的视图组件。它不但易于上手,还便于与第三方库或既有项目整合,当与单文件组件和Vue生态体系支撑的库连结应用时,Vue也彻底能够或许为繁杂的单页软件法式供应驱动。

 2、Vue的双向绑定命据的道理

  Vue完成数据双向绑定要紧是:接纳数据挟制连结“公布者 – 定阅者”模式的方法,经历 Object.defineProperty()来挟制各个属性的setter、getter,在数据更改时公布信息给定阅者,触发响应监听回调。

 3、Vue怎样去除URL中的#

  vue-router默许应用hash模式,因此在路由加载的时分,项目中的URL会自带“#”。若不想应用“#”,能够应用vue-router的另一种模式history:

  new Router({

  mode: ‘history’, routes: [ ]

  })

  需求留意的是,当咱们启用history模式的时分,因为咱们的项目是一个单页面软件,因此在路由跳转的时分,就会发现走访不到静态资源而发现“404”的环境,这时分就需求服无端增长一个笼盖全部环境的候选资源:若URL般配不到任何静态资源,则应当回笼统一个“index.html”页面。

 4、Vue性命周期的明白

  Vue实例有一个完备的性命周期,性命周期也即是指一个实例从首先建立到烧毁的这个历程。

  beforeCreated():在实例建立之间实行,数据未加载状况。

  created():在实例建立、数据加载后,能初始化数据,DOM衬着以前实行。

  beforeMount():假造DOM已建立完成,在数据衬着前末了一次更改数据。

  mounted():页面、数据衬着完成,实在DOM挂载完成。

  beforeUpadate():从新衬着以前触发。

  updated():数据曾经更改完成,DOM也从新render完成,更改数据会堕入死轮回。

  beforeDestory()和destoryed():前者是烧毁前实行(实例仍旧彻底可用),后者则是烧毁后实行。

 5、说一说单向数据流和双向数据绑定的优坏处

  单向数据流:望文生义,数据流是单向的。数据活动偏向能够跟踪,活动单纯,清查疑问的时分能够更快速。坏处即是写起来不太利便。要使UI产生变更就必需建立种种action来保护对应的state。

  双向数据绑定:数据之间是雷同的,将数据变更的操纵潜藏在框架里面。好处是在表单交互较多的场景下,会简化大批与交易无关的代码。坏处即是无法追踪部分状况的变更,增长了失足时debug的难度。

 6、vue-router路由完成

  路由即是用来跟后端服无器举行交互的一种方法,经历差别的途径,来要求差别的资源,要求差别的页面是路由的此中一种功效。

    7、v-if和v-show差别

  应用v-if的时分,若值为false,辣么页面将不会有这个html标签生产。

  v-show则是无论值为true或是false,html元素都邑存在,只是CSS中的display表现或潜藏。

  8、$route和$router的差别

  $router为VueRouter实例,想要导航到差别URL,则应用$router.push技巧。

  $route为目前router跳转工具里面能够获得name、path、query、params等。

  9、Vue组件data为何必需是函数

  因为JS自己的特征带来的,若data是一个工具,辣么因为工具自己属于援用范例,当咱们点窜此中的一个属性时,会影响到全部Vue实例的数据。若将data作为一个函数回笼一个工具,辣么每一个实例的data属性都是自力的,不会互相影响了。

 10、jQuery、Vue有甚么差别

  jQuery专一视图层,经历操纵DOM去完成页面的少许逻辑衬着;Vue专一于数据层,经历数据的双向绑定,终极阐扬在DOM层面,削减了DOM操纵。Vue应用了组件化头脑,使得项目子集职责清楚,进步了开辟服从,利便重叠行使,便于协同开辟。

赞(0)
未经允许不得转载:飞天狒狒 » Web前端Vue框架是什么?

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址