![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3.0
魏天
这个作者很懒,什么都没留下…
展开
-
vue3.0添加typescript
vue3.0添加typescript。Error: Cannot find module '@vue/cli-service/generator/template/src/App.vue'原创 2023-01-30 09:50:07 · 349 阅读 · 0 评论 -
vue3.0单独引入路由
下载依赖npm install vue-router@next --save新建routes.tsimport {createRouter,createWebHashHistory} from 'vue-router'const router = createRouter({ "history":createWebHashHistory(), routes:[ { path: '/', name: 'aaa',原创 2022-03-02 09:22:11 · 621 阅读 · 0 评论 -
vue3.0+ts 关闭Eslint 代码验证
首先先卸载 eslintnpm uninstall eslint --save然后再package.json 中删除原创 2022-03-01 13:57:06 · 2925 阅读 · 1 评论 -
vue3.0 集成TypeScript
第一步引入依赖 vue add typescriptstill proceed // 是否继续 YUse class-style component syntax? //是否使用class-style NUse Babel longside TypeScript.... //是否使用Babel(把高级语法转换成低级语法) YConver all .js files to .ts //是否吧所以的.js文件变成 .ts 文件 YAllow .js file to be com原创 2022-02-25 15:17:54 · 361 阅读 · 0 评论 -
vue input 输入 防抖
<template> <input @keyup="aaa" v-model="val" /> <ul> <li v-for="(item,index) in list" :key="index">{{item.q}}</li> </ul></template><script> export default { data() {原创 2022-02-06 20:24:08 · 1232 阅读 · 3 评论 -
修改Ant Design组件库里面的内置样式
首先你的项目需要引入less要在你修改的clss 外加上一层 :global{} 就可以修改了 <style lang="less"> :global { .ant-row { margin-bottom: 30px } }</style>原创 2022-01-12 11:18:25 · 1053 阅读 · 0 评论 -
Ant Design Vue 使用 a-form a-form-item 进行验证。
<template> <div class="login"> <a-form :form="form" :label-col="{ span: 6 }" :wrapper-col="{ span: 15 }" @submit="handleSubmit0" > <a-form-item label="姓名"> <a-input place.原创 2021-10-22 21:11:25 · 4058 阅读 · 0 评论 -
使用 new Promise 对axios 进行封装
import axios from 'axios';const ApiUrl = "https://172.16.40.121:1106/jeecg-boot/" // 后台接口function ajax(url, parameter,method) { axios.defaults.headers.common['X-Access-Token'] = localStorage.getItem('token'); axios.defaults.headers.post['Content.原创 2021-09-29 17:40:19 · 820 阅读 · 0 评论 -
Vue 项目数据没加载之前显示{{}}花括号
解决办法// 在 #app 同级加入 <ul id="app" v-cloak>//在加一行css 样式就不显示了[v-cloak]{ display: none;}原创 2021-05-26 14:39:34 · 500 阅读 · 0 评论 -
利用Vite工具 创建Vue 3.0项目
首先安装Vite 依赖这里Vite 和webpack类似的一个打包工具> npm install -g create-vite-app利用Vite 创建Vue3.0 项目> create-vite-app 项目名然后安装依赖首先cd 到项目根路径下然后安装依赖npm install然后启动项目npm run dev 注:Vue3.0 兼容Vue2.X...原创 2021-04-08 14:21:03 · 227 阅读 · 0 评论 -
Vue 3.0版本更新到底做了哪些变化
Vue 3.0的六大亮点 -Performance :性能比Vue2.x 快了1.2-2倍 -Tree shaking support 按需编译,体积比Vue2.0更小 -Composition API :组合API(类似React Hooks) -Better TypeScript support :更好的TS 支持 -Custom Renderer API:暴露了自定义渲染的API -Fragment,Teleport(Protal),Suspense: 更先进的组件Vue是如何变.原创 2021-04-08 10:28:00 · 243 阅读 · 0 评论 -
关于vue3.0 引入 ant-design-vue 报错 Uncaught TypeError: Cannot read property ‘use‘ of undefined 的解决办法
其实很简单 哈哈哈 就是因为版本的问题根目录执行下面这个命令就行了cnpm i --save ant-design-vue@next -Scnpm 和 npm 都行我把我main.js的内容粘出来方便大家复制import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'import Antd from 'ant-des原创 2020-12-29 18:19:01 · 14134 阅读 · 15 评论