Vue2+Vue3全家桶(part1) | 青训营笔记

115 阅读1分钟

这是我参与「第四届青训营 」笔记创作活动的的第6天

前言

Vue是什么?

一套用于构建用户界面渐进式(Vue可以自底向上逐层的应用)JavaScript框架

谁开发的?

尤雨溪_百科 (mancos-co.com)在2014年正式对外发布Vue,版本号0.8.0;2015年10月27日,正式发布Vue1.0.0 Evangelion(新世界福音战士);2016年10月1日,正式发布Vue2.0.0 Ghost in the Shell(攻壳机动队);2020年9月18日,正式发布Vue3.0.0 One Piece(海贼王)。

特点

  1. 采用组件化模式,提高代码复用率,且让代码更好维护
  2. 声明式(与命令式编码相反)编码,让编码人员无需直接操作DOM,提高开发效率
  3. 使用虚拟DOM+优秀的Diff算法(新的DOM与旧的DOM比较),尽量复用DOM节点

学习Vue之前要掌握的JavaScript基础知识

ES6语法规范,ES6模块化,包管理器,原型、原型链,数组常用方法,axios,promise,......

vue.js官网顶部导航区内容

image.png

学习

image.png

两个重要分类:教程(用于入门Vue),API(相当于一本Vue字典,遇到不会的方法就去找API)

其他几个分类:风格指南(如何写出更加优雅的代码),示例(官方给出的例子),Cookbook(针对Vue的一些编码技巧)

生态系统

image.png

重要部分:工具和核心插件

资源列表

image.png

Awesome Vue:官方整理的一些比较有用的包

安装Vue

  1. 方法1:直接用script标签引入

image.png

  1. 方法2:NPM配合命令行工具使用

结尾

今天的Vue笔记就到这里结束啦,如果内容有误,欢迎各位大佬指正