vueJs初探

 参考文档：vue官方

一直做得后端开发，前端时间工作中适用到vueJs，想想还是简单聊一下。先放这里，等后面有时间继续完善。

先说说我们的项目：我们项目通过别人搭建好的架子，然后我们结合官方文档，我这个小白，慢慢也做好了一个小单页网站。

vueJs有几个特点：a）简洁 b）轻量 c）快速 d）数据驱动 e）模块友好 f）组件化

a）简洁

vueJs代码相对其他代码，十分简洁，例如通过v-if可以简单切换一个元素、通过v-on指令建立一个事件监听器、通过v-model实现表单输入和应用状态的双向绑定。

b）轻量

c）快速

d）数据驱动

当数据发生变化时候，用户界面发生相应的变化，开发者不需要手动地去修改dom。

e）模块友好

f）组件化

组件系统是Vue的另外一个概念，因为它是一种抽象，允许我们使用小型、子包含和通常可复用的组件构建大型应用，几乎任意类型的应用界面都可以抽象为一个组件。

Vue中注册组件非常简单。

Vue.componenet('todo-item', {

template: '<li>这是个demo</li>'

}

)

注册完毕后，可以用它构建另外一个组件模板：

<ol>

<todo-item></to-item>

</ol>

Vue对比其他框架：

JQuery：

简单粗暴，用户行为驱动的思考方式，不需要怎么动脑。

Vue:

轻量、简洁、数据驱动、模块化

reactJs：

代码量最多，因为它既要管理ui逻辑，又要操心dom渲染。

angularJs渲染快，相对vue有点重。