1. Vue简介

一, 简介

1.Vue (读音 /vjuː/, 类似于 view)的简单认识

(1)Vue是一个渐进式的框架, 什么是渐进式的呢?

   

渐进式意味着你可以将Vue作为你应用的一部分嵌入其中, 带来更丰富的交互体验.

或者如果你希望将更多的业务逻辑使用Vue实现, 那么Vue的核心库以及其生态系统.

比如Core+Vue-router+Vuex, 也可以满足你各种各样的需求.

(2)Vue有很多特点和Web开发中常见的高级功能

   

解耦视图和数据

可复用的组件

前端路由技术

状态管理

虚拟DOM

这些特点, 你不需要一个个去记住, 我们在后面的学习和开发中都会慢慢体会到的, 一些技术点我也会在后面进行讲解.

(3)学习Vuejs的前提?

从零学习Vue开发, 并不需要你具备其他类似于Angular, React, 甚至是jQuery的经验.

但是你需要具备一定的HTML, CSS, JavaScript基础.

   

2.Vue.js安装

使用一个框架, 我们第一步要做什么呢?安装下载它

   

安装Vue的方式有很多:

   

方式一: 直接CDN引入

你可以选择引入开发环境版本还是生产环境版本

   

<!-- 开发环境版本, 包含了有帮助的命令行警告 -->

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<!-- 生产环境版本, 优化了尺寸和速度 -->

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

方式二: 下载和引入

   

开发环境 https://vuejs.org/js/vue.js

   

生产环境 https://vuejs.org/js/vue.min.js

   

方式三: NPM安装

   

后续通过webpack和CLI的使用, 我们使用该方式.