Vue入门,从扫雷开始

前言

以前一直使用 jquery 开发,到现在,接触 vue 也有一年多时间了,期间不少朋友都问过我,从 jquery 转到 vue 容易吗? 怎么快速入门? 终于,最近比较闲,就准备写一点东西,希望能够对有这方面想法的朋友提供一丁点的帮助。

在这些文章中,并没有囊括 Vue 的所有内容,甚至没有大部分内容,可以说仅仅是冰山一角,权作抛砖引玉吧。

这个系列的文章,适用于已经熟悉前端开发,但未接触过 VUE 这样的架构的朋友,当然,了解或者熟悉 nodejs 开发会更好。如果你不懂 js,甚至没有接触过,这些可能就不适合你了。同样,这些文章仅用于入门,不适用于深入学习。

大纲

  • 搭建环境 => NodeJS、了解 npm 命令、Vue-CLI开发工具 、vscode、开发插件 vue-devtools
  • 创建第一个 Vue 应用 => 目录结构说明
  • 了解组件什么是组件?=> 存在的意义 组件的结构以及使用
  • 编写第一个组件 面板 => 数据结构、构建布局/样式、生成扫雷数据
  • 编写第二个组件 雷区 => 翻开雷区、插旗标记
  • 游戏统计以及结果 => 组件的事件传递

Vue 并不一定是最好的 MVVM 框架,但却是我最喜欢的。当然,像 ng,react 啥的,我也只是简单接触了一下,手动滑稽 :)。如果你也有兴趣,不妨继续看下去吧。


分享到:


相關文章: