vue随笔

1、vue文件的作用
一个 .vue 文件通常由以下三部分组成：

1.1 <template>
定义组件的 HTML 结构。
用于描述组件的视图层。
支持 Vue 的模板语法（如指令、插值表达式等）。
示例:
<template>
  <div>
    <h1>{{ title }}</h1>
    <button @click="handleClick">点击我</button>
  </div>
</template>

1.2 <script>
定义组件的逻辑和功能。
包括数据、方法、生命周期钩子等。
支持 TypeScript（通过 lang="ts"）和模块化导入。
示例:
<script setup lang="ts">
import { ref } from 'vue';

const title = ref('Hello Vue');
const handleClick = () => {
  console.log('按钮被点击了');
};
</script>

1.3 <style>
定义组件的样式。
支持 scoped 属性，确保样式只作用于当前组件。
支持预处理器（如 SCSS、LESS）。
示例:
<style scoped>
h1 {
  color: blue;
}
</style>

2、axios.defaults.baseURL = develop_url 的作用
这行代码的作用是设置 axios 的默认请求基础地址。
配置后，这样使用

// 配置后
axios.get('/user/info')
// 实际请求为：http://go-email/user/info