vue3.0 + vite2.0 + element-puls: 使用 vue3.0、vite2.0、element-plus、vuex、axios、pug、sass 搭建的项目。使用了 vue3.0 的 script setup 语法糖来处理页面逻辑。

12月28日，「开源中国源创会年终盛典」珠海站再次回归！点击免费报名参会

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。

克隆/下载

a 5bdd17b

package-lock.json

Loading...

README

### [在线访问](http://vue3-vite2.linxiaming.cn/) 有点慢0.0.

### 通过 git / zip 把代码下载下来
1. npm install 安装依赖(node > 12.0)
2. npm run dev 运行
3. npm run build 打包项目

### 项目使用 vue3.0、vite2.0、element-plus、vuex、axios、pug、sass 等搭建的。
### .vue 模板文件的逻辑都是用 script-setup 语法糖来编写的

### vue3.0 项目创建
### 依赖根据 package.json
### 启动文件为 vite.config.js

### 一、定义全局属性值，并获取
1. 在 main.js
2. app.config.globalProperties.$axios = axios // 定义全局属性值

### 在模板里(setup中)

1. 使用 proxy 来代替 vue 之前的 this
const { proxy } = getCurrentInstance()
proxy.$axios
2. 使用 defineProps 来获取父组件传递给子组件的数据，defineEmit 用来把数据传给父组件
import { defineProps, defineEmit } from 'vue'
const emit = defineEmit(['closeFun', 'update:isDialog'])
const props = defineProps({
  isDialog: {
    required: true
  }
})

### 使用 async/await
1. 页面请求服务器数据，可以使用 async/await 来处理服务器回传的数据。然后进行逻辑处理。（参考 src/views/Login/index.vue）

使用 vue3.0、vite2.0、element-plus、vuex、axios、pug、sass 搭建的项目。使用了 vue3.0 的 script setup 语法糖来处理页面逻辑。

https://gitee.com/xia_ming/vueViteElement

JavaScript 等 5 种语言

取消

暂无发行版

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

JavaScript

1

https://gitee.com/xia_ming/vueViteElement.git

git@gitee.com:xia_ming/vueViteElement.git

xia_ming

vueViteElement

vue3.0 + vite2.0 + element-puls

dev