Vue全家桶之Vue核心(一)

Vue全家桶之Vue核心(一)

1 Vue简介

1.1 Vue是什么?

Vue是一套用于构建用户界面渐进式JavaScript框架。

Vue全家桶之Vue核心(一)_第1张图片

作者:尤雨溪

官网:https://cn.vuejs.org/index.html

1.2 Vue的特点

1 采用组件化模式,提高代码复用率、且让代码更好维护。

Vue全家桶之Vue核心(一)_第2张图片

2 声明式编码,让编码人员无需直接操作DOM,提高开发效率。

Vue全家桶之Vue核心(一)_第3张图片

3 使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点。

  • 原生JavaScript实现:直接操作DOM
  • Vue实现:借助虚拟DOM,尽量复用DOM节点。

Vue全家桶之Vue核心(一)_第4张图片

1.3 Vue的前置知识

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

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

2 初识Vue

2.1 搭建开发环境

① 引入Vue

在项目中引入Vue有3种方式。

  • 直接CDN引入(需要网络)
  • 下载Vue.js文件后引入
  • NPM安装(后续通过 webpack 和 CLI 使用时,用该方式。 )

对于初学者来说,建议采取最简单的下载后,直接用

你可能感兴趣的:(Vuejs,vue.js,javascript,前端)