当前位置：首页 > wzjs >正文

网站开发使用什么技术dw做的网站怎么上传

wzjs 2025/9/4 6:44:30

网站开发使用什么技术,dw做的网站怎么上传,外贸做平台好还是自己建网站好,行业网站当然可以！下面是一个 Vue 3 Element Plus 的最简单完整示例，它包括： 使用 <el-button> 按钮组件点击按钮后用 ElMessage 弹出提示 ✅ 1. 安装并初始化项目（如果还没创建项目） 你可以用官方推荐的方式快速创建…

当然可以！下面是一个 Vue 3 + Element Plus 的最简单完整示例，它包括：

使用 <el-button> 按钮组件
点击按钮后用 ElMessage 弹出提示

✅ 1. 安装并初始化项目（如果还没创建项目）

你可以用官方推荐的方式快速创建 Vue 3 项目：

npm init vue@latest

然后根据提示选择：

✅ Framework: Vue
✅ Variant: JavaScript 或 TypeScript
✅ Router / Pinia / ESLint（可选）

进入项目并安装依赖：

cd your-project-name
npm install

✅ 2. 安装 Element Plus

npm install element-plus

✅ 3. 在入口文件中引入 Element Plus

编辑 src/main.js（或 main.ts）：

import { createApp } from 'vue'
import App from './App.vue'// 引入 Element Plus
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')

✅ 4. 编辑 `src/App.vue`

这是一个最简单的页面，只包含一个按钮和点击提示：

<template><div style="padding: 30px"><el-button type="primary" @click="sayHello">点击我</el-button></div>
</template><script setup>
import { ElMessage } from 'element-plus'const sayHello = () => {ElMessage.success('你好，Element Plus！')
}
</script>