![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
天才和人才就差了二
呵呵。。。
展开
-
【学习记录17】vue3使用mockjs
1、安装mock依赖npm installmockjsnpm installvite-plugin-mock2、在src目录下创建mock目录文件夹 ,并创建index.jsexport default [ { type: 'get', url: '/api/getUser', response: () => { return [{name: 'tttt', age: 18}] } }]3、在vite.config.j..原创 2021-12-13 17:26:21 · 1719 阅读 · 0 评论 -
【学习记录16】vue3配置404路由
vue3对404配置进行了修改,必须要使用正则匹配常规参数只匹配 url 片段之间的字符,用/分隔。如果我们想匹配任意路径,我们可以使用自定义的路径参数正则表达式,在路径参数后面的括号中加入 正则表达式 :import { createRouter, createWebHashHistory} from 'vue-router'const routes = [ { path: '/404', name: 'NoPage404', comp...原创 2021-12-13 17:06:22 · 3118 阅读 · 0 评论 -
【学习记录15】vite+vue3的配置文件
话不多说直接上代码!下面是最近学习中使用的,不断加入中....../*vite.config.js*/import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import path from 'path'export default defineConfig({ plugins: [ vue() ], css: { // css预处理器 preprocessorOpti原创 2021-10-19 10:48:10 · 532 阅读 · 0 评论 -
vue3使用表单el-form的坑+el-input无法输入+el-date-picker选择时间不能赋值
遇到一个大坑,弄了好几个小时才找到问题。vue3使用el-form的时候,如下代码,会导致输入框无法输入,无法赋值,选择框无法选择<el-form class="my-form" ref="form" :model="form" label-width="80px"> <el-form-item label="活动名称"> <el-input v-model="form.name"></el-input> </el.原创 2021-09-14 17:11:52 · 3755 阅读 · 0 评论 -
【学习记录14】vue3+vite+router+element+sass开发项目总结
1、用vite新建一个vue3项目1.全局安装vitenpm install -g create-vite-app2.使用vite创建一个vue3项目create-vite-app vue-dome3.进入刚才创建的项目文件夹cd vue-dome4.npm安装依赖包npm install5.启动项目npm run dev2、安装vue-routernpm install vue-router@next --save使用vue-router@4.0+(原创 2021-09-01 15:26:45 · 938 阅读 · 0 评论