初识vue2.0(一)

随着html5技术的崛起,移动产品日新月异,但无论是什么行业的产品,我想最重要的不过最后都归结于“用户体验”,那么如何打造高性能的产品呢,那么我们先进入单页的应用概念吧,所谓单页,无非是想要达到原声的体验效果,减少http请求,那么怎样可以实现这种效果呢,我采用的方式,是vue2.0版本中的组建加路由,这样两个强大的模块,就可以实现单页的操作啦

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

一、组建(template)

二、路由(router)

先来看一个小demo:





dom结够

初识vue2.0(一)_第1张图片

js结构:


初识vue2.0(一)_第2张图片

这就是一个非常小的效果 用路由实现了 tab切换,由于时间关系,这只作为一个入门或者记录,

下次会系统讲解实战性的开发。

你可能感兴趣的:(初识vue2.0(一))