安装vue的环境，第一步安装node
    昨日回顾：
    Token:令牌，登录成功的标识
    Jwt：生成令牌一种算法
    登录的相关知识，多去发现和思考
    Vue.js：开源的js框架，目前市面上最火的js库
    1.语法
    {
    //定义的数据源
    data(){
    return{
    自定义属性:值
    }
    },
    //定义函数，可以通过@事件，进行绑定
    methods:{
    函数名([参数列表]){
    实现业务的代码块
    }
    }
    }

    2.模板语法-插值表达式
    语法格式：{{属性名}}
    用在标签的开始和结束之间

    3.分支-条件语句
    v-if=”boolean表达式”
    v-else-if=”boolean表达式”
    v-else

    4.循环语句
    v-for=”别名 in 属性名”
    属性名的值数组

    5.绑定属性
    v-bind:标签的属性名=”” 简写 :标签的属性名
    一般都是绑定样式class,进行样式动态选择

    6.绑定事件
    v-on:事件名=”函数名” 简写 @事件名=”函数名”
    函数名必须在methods中定义

    7.双向绑定
    v-model
    相互影响，表单中常用


    1.Vue-cli
    1.概述
    Vue-cli：Vue.js 开发的标准工具，脚手架，用来创建Vue项目的工具
    小知识：
    npm:类似Maven,一款前端的工具，用来管理项目和依赖js库
    node.js:一个可以开发接口的js库，代替后端语言


    2.安装
    1.需要安装node
    node里面包含了npm


    安装之后，验证：
    node -v


    npm -v


    2.安装Vue-cli
    cnpm install -g @vue/cli


    vue —version


    vue -V
    小知识：
    1.如果npm下载东西太慢，可以配置npm镜像
    淘宝镜像：
    npm install -g cnpm —registry=https://registry.npm.taobao.org
    后面就使用cnpm代替npm


    2.win7
    原则上不建议使用win7
    如果真的要用，node需要使用V12版本及以下，Vue必须使用Vue2.x


    3.创建Vue项目
    推荐采用命令创建Vue项目（Vue3.x）
    cmd命令行，输入以下命令
    vue create 项目名
    小知识：
    1.选择：vue的版本3.x
    2.项目创建需要网络，差不多5-10分钟才可以创建完成


    4.掌握模块
    1.src 源码，需要操作
    assets:资产文件夹，存储静态资源：图片、音频、视频、css、js等
    components:组件文件夹，把一些常用的功能进行封装成为组件
    views:页面，其实还是组件


    2.app.vue 类似开关类，入口
    3.main.js 全局配置文件，只有一个，类似application.yml




    5.练习Vue项目-学会使用组件
    自定义登录组件




    组件：就是自定义的html标签，根据功能进行封装的自定义标签，就叫组件
    Vue项目就是面向组件开发，有点类似《面向对象》
    组件（xx.vue页面）——类
    组件的使用步骤：
    1.定义组件（创建）
    包含三部分：
    1.template：html标签，记住，必须根标签(div)开始和结束
    2.script:js代码，定义Vue对象，格式固定
    3.style:css样式，美化标签
    2.导入组件
    import 组件名称 from 组件路径
    3.声明组件
    components:{
    组件名称,……
    }
    4.使用组件
    当前标签直接使用

    2.Vue-Router
    Vue项目是单页面项目，整个项目就一个页面。所以Vue项目没有办法使用a标签进行切换
    Vue-Router：Vue路由，实现组件的切换，也就是所谓的页面跳转
    https://router.vuejs.org/zh/


    1.概述
    Vue Router：官方的路由管理器，实现组件切换，完成页面跳转。让构建单页面应用变得易如反掌


    2.体验
    创建一个标准的Vue项目
    运行项目：
    cd vueproject
    npm run serve


    想要通过路由进行组件切换的步骤：
    1.创建组件
    三部分：html标签 js css
    2.路由注册组件
    1.导入组件 import
    2.注册
    定义路径、名称、对应的组件
    3.使用路由切换



    3.核心
    1.组件切换
    1.声明式（静态路由）
    组件名称
    2.编程式（动态路由）
    this.$router.push({path:”/路径”});


    2.路由传递参数
    传递
    this.$router.push({path:”/路径”,query:{参数名:参数值,……}});
    获取
    this.$route.query.参数名


    课间任务：创建标准的Vue项目
    20分钟-




    3.Vant 第三方组件库
    1.概述
    Vant 是开源的移动端组件库，基于Vue实现的，移动端组件库
    https://vant-contrib.gitee.io/vant/v3/#/zh-CN
    2.体验
    1.下载js库
    npm i vant@3
    2.实现配置
    在main.js中加入如下代码
    import { createApp } from ‘vue’
    import App from ‘./App.vue’
    import router from ‘./router’
    import store from ‘./store’
    //导入
    import Vant from ‘vant’;
    import ‘vant/lib/index.css’;

    createApp(App).use(store).use(router).use(Vant).mount(‘#app’)
    3.在vue页面中使用
    参考官网，进行CV，改造




    3.拉拽
    参考官网的代码，实现组件的拉拽






    4.VueX

    1.概述
    2.核心
    3.使用


    5.Axios
    1.概述
    2.核心
    3.使用