vue项目的创建：



vue项目的启动方式：

vue项目开发流程：

代码示例：

<!-- <script>
  //写数据
  export default{
    data(){
      return{
        msg: '上海'
      }
    }
  }
</script> -->

<script setup>
  import {ref} from 'vue';
  //调用ref函数，定义响应式数据
  const msg=ref('西安')
</script>
<template>
  <h1>{{ msg }}</h1>
</template>

<style scoped>
  h1{
    color:red;
  }
</style>

全局按照axios

element快速入门：

element官网：安装 | Element Plus (element-plus.org)