Vue.js 教程

Vue.js 教程

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。(百度百科

Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue 学习起来非常简单,本教程基于 Vue 2.1.8 版本测试。


Vue.js 特点

  • 易用
  • 已经会了HTML,CSS,JavaScript,那么现在您可以阅读本教程开始构建应用。

  • 灵活
  • 简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。

  • 性能
  • 20kb min+gzip 运行大小、超快虚拟 DOM 、最省心的优化。


阅读本教程前,您需要了解的知识:

  • HTML
  • CSS
  • JavaScript

本教程主要介绍了 Vue2.x 版本的使用。


第一个实例

Vue 2.0 Hello World

<div id="app"> <p>{{ message }}</p> </div>

点击 "运行代码" 按钮查看在线实例


参考资料:

Webpack 入门教程:/co-9170.html

官方文档:http://vuejs.org/v2/guide/syntax.html

中文文档: https://cn.vuejs.org/v2/guide/syntax.html