特困女程序员
这个作者很懒,什么都没留下…
展开
-
6、vue3 对接注册接口
注册接口http://127.0.0.1:9903/register注册和登录的是一样的,这里我们先不写验证码,就做个简单的注册返回的://reg.vue<template> <div class="login-page"> <div class="u-flex-col"> <div class="login-text"> <van-field原创 2021-08-05 15:50:56 · 227 阅读 · 0 评论 -
5、对接登录接口
登录接口http://127.0.0.1:9903/login接口返回的结果,以下是具体代码//login2.vue<template> <div class="login-page"> <div class="u-flex-col"> <div class="login-text"> <van-field v-model="state.phone" type="t原创 2021-08-05 15:37:38 · 76 阅读 · 0 评论 -
4、vue3.0的axios请求封装详情和接口统一管理
vue3和vue2的axios的封装是一样的,首先先引入axios。npm i axios --save在scr目录下,创建utils/axios.js文件,封装代码如下(根据自己api的返回请求进行封装)://axios封装,utils/axios.jsimport axios from 'axios'import { Toast } from 'vant'import router from '../router'axios.defaults.baseURL = process.en原创 2021-08-02 16:42:32 · 498 阅读 · 1 评论 -
3、vue3.0的路由跳转和传参详情(开始登录页)
vue3.x中路由跳转中,我们依然可以使用router-link,但是不能使用this.$router。vue3.0新增API:useRouter和useRoute,也就是我们的编程式导航:router.push(location, onComplete?, onAbort?)下面来看我们的具体代码:<template> <div class="login-page"> <div class="u-flex-col">原创 2021-08-01 15:26:25 · 2442 阅读 · 0 评论 -
2、配置vue3路由
首先我们先去配置一下路由安装vue-router:npm install vue-router -savevue的路由有两种模式:hash模式:createWebHashHistory,history模式:createWebHistoryimport { createRouter, createWebHashHistory } from 'vue-router'const router = createRouter({ history: createWebHashHistory(),原创 2021-07-28 23:20:19 · 282 阅读 · 0 评论 -
1、项目搭建和框架的引用
一:创建工程目录vue create love-music二:安装Vant3npm i vant@next -S三:按需加载npm i babel-plugin-import -Dbabel.config.js 中添加配置:module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], //... plugins: [ ['import', { libraryName: 'vant',原创 2021-07-28 23:14:30 · 82 阅读 · 0 评论