更新系统软件包列表 yum update 安装 nginx 安装包 yum install nginx 启动 nginx 命令 systemctl start nginx 验证是否重启成功 systemctl status nginx 如果状态显示为 active(running) 则表示 nginx 已经成功启动 配置防火墙规则，允许 HTTP …

创建项目 yarn create nuxt-app <project-name> 引入第三方UI 以 Element UI 为例 yarn add element-ui -S 在 plugins / element-ui.js import Vue from "vue"import Element from "element-ui"Vu…

pm2优点 后台运行自动重载可在多平台运行 安装 npm install -g pm2 启动 pm2 start index.js --name pm2name字段的别名 常用命令 pm2 list // 显示所有进行pm2 show 1 // 查看id 1 的详细信息pm2 restart 11 // 重启 id 11 的服务pm2 restar…

需要的引入的 SDN 资源 <script src="https://cdn.jsdelivr.net/npm/xlsx-style@0.8.13/dist/jszip.js"></script><script src="https://cdn.jsdelivr.net/npm/xlsx-style@0.8.13/di…

安装 yarn add pinia# 或者使用 npmnpm install pinia 使用 创建 store 新建 store / index.ts import {defineStore} from "pinia"export const useXxxStore = defineStore("TEST",{  state:()=&g…

全局变量和全局函数 在 main.js 中声明全局变量和函数 app.config.globalProperties.$env = "dev"; 使用 <script setup lang="ts">import {getCurrentInstance} from "vue"var app = getCurrentInstance();…

slot插槽 匿名插槽 & 具名插槽 子组件 <template>  <div>    <slot></slot>    <slot name="nameSlot"></slot>  </div>&…

全局组件 创建组件 GlobalComponent.vue <template> <h1>this is globalComponent</h1></template> 在 main.ts 中引入组件 import { createApp } from 'vue'import './style.css…

vue3 中的 v-model 是 props 和 emit 语法糖 props ： value --> modeValue event：input --> update:modelValue 默认的 v-model 子组件 <template>  <div class="container" v-show=…

使用 安装 yarn add @vitejs/plugin-vue-jsx 配置 vite.config.ts import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import vueJsx from '@vitejs/plugin-vue-jsx'// ht…