VUE是什么？

Vue 是一套用于构建用户界面的渐进式框架
是一款流行的JavaScript前端框架，旨在更好地组织与简化Web开发。

vue在2015年1.0版本是mvvm框架
2016年2.0版本是mvc框架

Vue的两核心

1.响应式的数据绑定：当数据发生改变，视图可以自动更新，可以不用关心dom操作，而专心数据操作

2.可组合的视图组件：把视图按照功能切分成若干基本单元，组件可以一级一级组合整个应用形成倒置组件树，可维护，可重用，可测试

使用vue的两种方式

方式一：声明式，引入链接

1.在html里引入这个链接

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

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：
2.然后再html里设置一个根元素

<div id="app">
  {{ message }}
</div>

3.再声明一个script标签，里面写vue的代码
el是挂载点，后面跟着的是标签的ID
data是数据，当data以函数形势出现时，要使用return把数据返回

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
  //data(){
  //    return(
  //        message:'Hello Vue!'
  //    )
  //}
})

方式二：使用CLI工具安装创建项目

1.安装 vue cli
https://cli.vuejs.org/zh/guide/installation.html
打开一个终端，在里面安装并在终端创建一个文件
这是安装vue/cli

yarn global add @vue/cli

查看版本 vue --version
2.创建一个项目目录 vue create 项目名

vue create vue-demo1

会弹出一个选项，上下键选，选Manually select 自己配置

选dart-sass,node-sass已经过时了

是否将这些设置运用到以后的项目中： no

切换到该目录

cd 15-vue-demo1/

开启一个事实预览

yarn serve