下一节:

  VueJS 教程

  • 什么是 VueJS

    Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
    vue
    我们将在本教程中使用的Vue版本是2.x。

  • 先决条件

    在学习 Vue 之前，您应该对以下内容有基本的了解：

  • 本教程您将学习到什么

    本教程是为希望以简单易学的方式学习 VueJS 基础及其编程概念的软件程序员而设计的。本教程将使读者对 VueJS 的各种功能有足够的了解，从那里他们可以进入更高的层次。
    然后，您将学习到有关 VueJS 的所有的基础知识：
    • Vue-CLI 环境搭建
    • 双向绑定
    • 模板渲染
    • 指令
    • 计算属性
    • 数据监听
    • 组件
    • 事件处理
    • 动画/过渡
    • 前端路由

  • 示例

    在每一章中，您都可以在线编辑示例，然后单击尝试一下按钮来查看结果。 
    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>蝴蝶教程(jc2182.com)</title>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
    <div id="intro" style="text-align:center;">
       <h1>{{ message }}</h1>
    </div>
    <script>
      var vue_det = new Vue({
         el: '#intro',
         data: {
            message: '开始学习我第一个VueJS例子'
         }
      });
    </script>
</body>
</html>
    尝试一下

  • VueJS 实例

    蝴蝶教程的 VueJS 教程包含许多 VueJS 实例！
下一节: