邂逅Vue.js – 初始及安装

邂逅Vue.js中要学习的内容大纲：

1.初识Vue.js

(1)为什么学习Vue.js

(2)简单认识一下Vue.js

2.Vuejs安装方式

(1)CDN引入

(2)下载和引入

(3)NPM安装管理

3.Vue.js初体验

(1)Hello Vuejs

(2)Vue列表展示

(3)案例：计数器

4.Vuejs的MVVM

1.初识Vue.js

为什么学习Vue.js：

可能你的公司正要将原有的项目使用Vue进行重构。

也可能是你的公司新项目决定使用Vue的技术栈。

当然，如果你现在正在换工作，你会发现招聘前端的需求中，10个有8个都对Vue有或多或少的要求。

作为学习者我们知道Vuejs目前非常火，可以说是前端必备的一个技能。

简单认识一下Vue.js：

1.Vue是一个渐进式的框架，什么是渐进式的呢?

渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，并不需要修改之前有的框架，带来更丰富的交互体验。

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

比如Vue全家桶：Core(Vue的核心)+Vue-router(路由)+Vuex(状态管理)，也可以满足你各种各样的需求。

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

解耦视图和数据

可复用的组件

前端路由技术

状态管理

虚拟DOM

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

3.学习Vuejs的前提：

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

但是你需要具备一定的HTML、css、JavaScript基础。

2.Vuejs安装方式

使用任何一个第三方框架第一步都需要去安装它

安装Vue的方式：

方法一：直接CDN引入：

你可以选择引入开发环境版本(有源码)还是生产环境版本(占用内存更小)

但是我们是在学习阶段，使用CDN反而比较慢，因为我们测试都是从本地测试，你反而要去下载，所以我们也可以选择第二种方式

方法二：下载和引入：

第三种方式，NPM安装：

因为我们没有学习过node，所以可以先了解一下怎么使用

后续通过webpack和CLI的使用，我们再使用该方式

我们现在在前面学习一些基本语法的时候，选择第二种安装方式：

我们进入官网，点击开发版本进行下载

下载好后就是这个样子

我们用编写代码软件打开看一下：

- 写作不易，大家多多关注，谢谢啦-

---web分享，分享的不只是web