![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
weixin_57224821
这个作者很懒,什么都没留下…
展开
-
Vue3 --- vue-router4 编程导航
需求:简单实现登录页,点击登录按钮调转指定的页面1. import{useRouter}from'vue-router' // 页面引入路由2.setup(){constrouter=useRouter() // 定义路由 constlogin=()=>{ //点击登录按钮router.push('/home') // 实现路由调转 return{ }}...原创 2021-09-09 10:54:18 · 153 阅读 · 0 评论 -
Vue3 --- Vite快速创建Vue项目
npm 命令 npm init vite-app 项目名称原创 2021-09-01 08:58:53 · 134 阅读 · 0 评论 -
Vue3 --- 使用vue-element-admin
1.下载 vue-element-admin,并启动官方:https://github.com/PanJiaChen/vue-element-admin2. 安装依赖npm install3. 启动npm run dev安装过程有些慢,别急!原创 2021-08-31 16:28:40 · 2513 阅读 · 0 评论 -
Vue文件在VsCode工具中红色波浪线的问题解决方法
在setting.json种添加"vetur.validation.template":false, //vue文件取消波浪线原创 2021-08-31 15:37:47 · 359 阅读 · 0 评论 -
Vite --- 创建Vue3项目
Vite 需要Node.js版本 >= 12.0.0。1. node -v查看node当前版本号2. npm方式 创建Vue3项目npm init @vitejs/app输入项目名称或者按enter使用默认名称:vite-project选择框架:vue或VueTs 看自己需求进入项目:cd 项目名称执行:npm install运行项目:npm run dev如果出现报错,管理vue模板校验:VSCode -> 设置 -> 取消勾选'Vetur&...原创 2021-08-31 13:58:23 · 64 阅读 · 0 评论 -
Vue3 --- 安装和使用echarts
1. npm安装 echartsnpm install echarts --save2. 引入Main.js中// 引入方式如下,否则报错import * as echarts from 'echarts'// 将 createApp(App) 封装let app=createApp(App);// 注册全局的方法app.config.globalProperties.$echarts = echarts;3. 使用 echarts 第一步给 echarts页面 准备一个宽原创 2021-08-27 16:37:13 · 438 阅读 · 0 评论 -
Vue3 --- axios 简单封装APi
1. get请求let base = ' ' ;const getRequest = (url,params) =>{return axios({ url: `${base}${url}`, method: 'get', params: params})}2. post请求const postRequest = (url,params) =...原创 2021-08-27 13:33:43 · 153 阅读 · 0 评论 -
Vue3 --- 在Main.js引入封装的axiosAPI 方法
1. import 引入 封装的axiosAPI 根据自己的文件名所在位置import {getRequest} from "./utils/api";import {postRequest} from "./utils/api";2.全局(每个实例) 添加公共方法let app=createApp(App);app.config.globalProperties.$getRequest = getRequest; //$get 为插件名字app.config.globalProp.原创 2021-08-27 13:26:22 · 786 阅读 · 0 评论 -
Vue3项目 --- Mock.js模拟数据测试
1. npm 安装Mock.jsnpm install mockjs2. Main.js中引入Mockimport Mock from 'mockjs'require('./mock')createApp(App).use(Mock).mount('#app')3. 在src目录下新建一个 mock目录并创建index.js文件,用来配置mock// 配置 mock 文件// 首先引入Mockconst Mock = require('mockjs');// 设置拦截.原创 2021-08-26 22:58:05 · 1660 阅读 · 2 评论 -
Vue3---安装axios
1. 安装axiosnpm install axios2.配合vue-axios使用npm install vue-axios --save3.在main.js中引入import axios from 'axios';import VueAxios from 'vue-axios'4. 注册使用createApp(App).use(VueAxios,axios).mount('#app')原创 2021-08-26 15:07:45 · 3439 阅读 · 0 评论 -
Vue3---vue组件库
1.vue-form-making基于vue和element-ui实现的表单设计器,使用了最新的前端技术栈,内置了 i18n 国际化解决方案,可以让表单开发简单而高效。项目地址:https://gitee.com/gavinzhulei/vue-form-making2.viewUIViewUI 是一套基于 Vue.js 的 UI 组件库,主要服务于 PC 界面的中后台产品。项目地址:https://gitee.com/icarusion/iview3.vue-cron基...转载 2021-08-26 12:38:15 · 1927 阅读 · 0 评论 -
Vue3---安装Element-Plus组件库
1. npm安装npm install element-plus --save2. 在main.js中引入以下内容import { createApp } from 'vue'import ElementPlus from 'element-plus';import 'element-plus/lib/theme-chalk/index.css';import App from './App.vue';const app = createApp(App)app.use(Element原创 2021-08-26 11:14:54 · 898 阅读 · 0 评论 -
解决Vue3创建项目后的Error: Cannot find module ‘vue-loader-v16/package.json‘问题
1.卸载vue-loader-v16依赖npm uninstall vue-loader-v162.使用cnpm安装vue-loader-v16依赖cnpm i vue-loader-v16最后npm run serve 重新启动项目原创 2021-08-25 15:45:41 · 544 阅读 · 0 评论