Vue学习记录 Vue简介

Vue Learning 2022


2022.07.14 DAY1

1. 总览

  • Vue2 + Vue3
  • 前端框架小白\熟练掌握Vue2\轻松玩转Vue3
  • 计划
    1. vue基础
    2. vue-cli
    3. vue-router
    4. vuex
    5. element-ui
    6. vue3
1. Vue简介
  • Vue是什么?
    • 一套用于构建用户界面的渐进式javaScript框架。
      • Vue可以字底向上逐层的应用。
      • 简单应用:只需要一个轻量小巧的核心库。
      • 复杂应用:可以引入各式各样的Vue插件。
  • 谁开发的?
    • 尤雨溪 Evan You
    • 2013 - 2020 -
    • 后起之秀,生态完善,已然成为国内前端工程师必备技能。
  • Vue的特点:
    1. 采用组件化模式,提高代码复用率、且让代码更好维护。

      • Activity.vue - HTML/CSS/JS。
      • News.vue
      • Hot.vue
      • 一个.vue就是一个组件。
    2. 声明式编码,让编人员无需直接操作DOM,提高开发效率。

      • 命令式编码

      • 声明式编码

        // 声明式编码
        
        • {{p.id} - {{p.name}} - {{p.age}}}
    3. 使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点。

      • 虚拟DOM Virtual-DOM
  • 学习Vue之前需要掌握的JavaScript基础知识
    • ES6语法规范
    • ES6模块化
    • 包管理器
    • 原型、原型链
    • 数组常用方法
    • axios
    • promise
2. Vue官网使用指南
  • 学习
    • 教程
    • API
    • 风格指南
    • 示例
    • Cookbook - 技巧
    • 视频教程
    • 工具
    • 核心插件
    • 资源列表
      • Awesome Vue
        • Github
        • 第三方库 如报表
      • 浏览和Vue相关的库
    • 支持Vue

2. 搭建Vue开发环境

1. 安装
  • 直接用

你可能感兴趣的:(Vue,前端,前端框架,vue)