Vue入门之快速上手_vue快速上手

1. 学习Vue之前你需要知道的

1.1 什么是Vue？

Vue是一个用于构建用户界面的渐进式JavaScript框架,Vue被设计为自底向上逐层应用。Vue的核心库只关心视图层，不仅易于上手，还便于与第三方库或既有项目整合。
Vue是由尤雨溪开发的，于2014年正式发布。
Vue2.0官方文档：https://v2.cn.vuejs.org/v2/guide/index.html

1.2 Vue的特点

1. 采用组件化模式，提高代码复用率，且让代码更好维护
2. 声明式编码，与传统的命令式编码对比，Vue无需直接操作dom，大大提高开发效率
3. 使用虚拟dom+diff算法,尽量复用dom节点。

1.3 学习Vue之前要掌握哪些知识点？

• HTML5
• CSS3
• JavaScript
• ES6语法规范
• ES6模块化
• 包管理器（npm、cnpm、yarn）
• 原型、原型链
• 数组常用方法
• axios
• promise
  ……

2. 搭建开发环境

安装
新手建议在html中学习Vue，创建一个.html文件，在头部引入在线cdn

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

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

使用：声明式渲染
创建一个容器，用以当做Vue的视图层

<div id="app"></div>
1

<script>
   let vm = new Vue({
     })
</script>
1
2
3
4

挂载容器：

<script>
   let vm = new Vue({
     
     el:"#app"
   }
1
2
3
4