这是我参与11月更文挑战的第1天，活动详情查看：2021最后一次更文挑战
前言
Vue是一套用于构建用户界面的渐进氏框架。那么什么是渐进式框架呢？ 简单的说就是不用多做职责之外的事。开发可以根据需求，逐渐递增所要的方式， 但每个方式又不是依靠特别强。
本文基于Vue2.0作开发介绍
开发IDE使用:WebStorm
开发环境需要node环境
vue-cli 脚手架 4.0+版本
项目搭建与介绍
创建项目如下(名称不能有大写)
创建成功后目录如下图
可以看到一个简单Vue项目目录结构
node_modules：项目依赖的各项库,即存放用包管理工具下载安装的包的文件夹。
public：主页面信息(Vue项目为单页面应用),一般不用动这个文件。
src：存放业务代码的地方，就是我们编写业务代码的地方需要在这里面去写。
assets：存放静态资源
componets：存放组件
App.vue：项目入口渲染的组件,里面含有
- template:模板
- script:组件的逻辑配置信息
- style:样式。
** main.js**：项目启动的入口文件。
bable.config.js：bable是一个把ES6+语法转译为低版本浏览器所支持的ES语法的编译工具, _这个文件是_是babel在转换es6+代码时的配置
package.json：vue项目的表述文件，依赖包就是根据package.json来安装的,当创建一个 node项目，意味着创建一个module模块这个模块的描述文件，就叫 package.json
综上所述，一个基础的vue项目就创建好了,这时候可以直接在当前项目下执行npm run server
项目就会直接启动了。如图
这里可以看到我们的项目已经可以在浏览器访问到了,这个界面就是项目里的App.vue渲染出来的。在src目录下查看App.vue文件
<template>
<div id="app">
<img alt="Vue logo" src="./assets/logo.png">
<HelloWorld msg="这是我参与11月更文挑战的第1天"/>
</div>
</template>
<script>
import HelloWorld from './components/HelloWorld.vue'
export default {
name: 'App',
components: { HelloWorld }}
</script>
<style>
#app
{ font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; text-align: center;
color: #2c3e50; margin-top: 60px;}
</style>
可以把代码里msg的值改为：这是我参与11月更文挑战的第1天，页面马上会刷新,webstorm是支持热更新的，比较方便我们调试页面。
总结
vue框架极大的方便了前端人员的开发，提高了我们的效率，主要有如下特点
1.响应式的数据绑定：当数据发生改变，视图可以自动更新，可以不用关心dom操作，而专心数据操作。
2.可组合的视图组件：vue组件可以很好的封装，达到重用、复用的效果，并且可以互相组合，达到想要的效果。
目前市面上也存在许多各样的框架，如目前的流行前端框架Angular Vue React等，具体哪个更适合你,得自己去体验下，但根据使用情况来看，Vue无疑是用户量最多的，比较受欢迎的一个。
