vue.js笔记

2020-01-23

readme

• 初步了解 Vue 是做什么
• 初步使用

• 使用

• 简易教程

提示

官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧！之前有其它框架的使用经验会有帮助，但这不是必需的。

概念

• npm 是随同 Node.js 一起安装的包管理器。
• Node.js 是运行在服务端的 JavaScript。
• MVVM 是 Model-View-ViewModel 的缩写。→ MVVM - 廖雪峰的官方网站

言论

• 从设计的角度上来说，Vue 首先考虑的是假设用户只掌握了 web 基础知识 (HTML, CSS, JS)的情况下，如何能够最快理解和上手，实现一个看得见摸得着的应用。
• Vue 和 React 的优点分别是什么？ - 知乎
• Vue.js 对比 React

refer

• Vue.js 中文官方
• 上手 Vue.js
• Vue.js 教程 - 菜鸟教程
• NPM 使用介绍 菜鸟教程
• 前端开发之走进Vue.js - 简书

Github资源

vuejs/cn.vuejs.org: 🇨🇳 Chinese translation for vuejs.org

英文版

• Vue Documentation Guide

more

• vuejs-awesome-vue: 🎉 A curated list of awesome things related to Vue.js 精选类库

Vue.js 安装

独立版本

我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script>标签引入。

下载 Vue.js

使用 CDN 方法

<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。

• Staticfile CDN（国内）: https://cdn.staticfile.org/vue/2.2.2/vue.min.js

• unpkg：https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。

• cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

实例

ChangeLog:
2020-01-23 22:16 linfeng365 init