杨建鑫 - 博客园

2022年8月29日

摘要： // 1.发送get请求 axios.get(`http://123.207.32.32:9001/lyric?id=500665346`).then(res => { console.log("res:", res.data.lrc) }) axios.get("http://123.207.32 阅读全文

posted @ 2022-08-29 11:35 杨建鑫阅读(68) 评论(0) 推荐(0) 编辑

axios的特点 - 支持多种请求方式 - 常见的配置选项

摘要： 1.特点： 1.在浏览器中发送 XMLHttpRequest 请求 2.在node.js 中发送 http 请求 3.支持Promise API 4.拦截请求和响应 2.支持多种请求方式: axios(config) axios.request(config) axios.get(url[, co 阅读全文

posted @ 2022-08-29 11:08 杨建鑫阅读(162) 评论(0) 推荐(0) 编辑

2022年8月25日

编程式路由

摘要： import { useRouter } from 'vue-router' const router = useRouter() router.push({ path: "/about", query: { name: "why", age: 18 } }) 如何得到query呢？模板中：阅读全文

posted @ 2022-08-25 15:50 杨建鑫阅读(18) 评论(0) 推荐(0) 编辑

动态路由

摘要：在路由配置里面，路径后面加 /：值，那么路径就会有了参数例子： { name:'home', path:'/home/:abc', component:Home } <router-link to="/home/875">Home</router-link> <router-link to=" 阅读全文

posted @ 2022-08-25 15:29 杨建鑫阅读(35) 评论(0) 推荐(0) 编辑

路由的重定向 + 路由的name和meta属性 + 没有匹配到路由 + 子路由

摘要： 1.路由里面的 redirect 重定向 redirect 重定向 : 把 '/' 直接定到 '/home' 去 {path:'/',redirect:'/home'}, // redirect 重定向 : 把 '/' 直接定到 '/home' 去 {path:'/',redirect:'/home 阅读全文

posted @ 2022-08-25 15:28 杨建鑫阅读(199) 评论(0) 推荐(0) 编辑

2022年8月24日

setup语法糖

摘要： <template> <div>AppContent: {{ message }}</div> <button @click="changeMessage">修改message</button> <showInfo name="why" :age="18" @info-btn-click="info 阅读全文

posted @ 2022-08-24 17:26 杨建鑫阅读(41) 评论(0) 推荐(0) 编辑

watchEffect 监听函数

摘要： <template> <div> <h2>当前计数: {{ counter }}</h2> <button @click="counter++">+1</button> <button @click="name = 'kobe'">修改name</button> </div> </template> 阅读全文

posted @ 2022-08-24 16:11 杨建鑫阅读(40) 评论(0) 推荐(0) 编辑

watch 监听reactiv

摘要： <template> <div> 本人 : {{reactiveWatch.name}} - {{reactiveWatch.age}} 朋友 : {{reactiveWatch.firend.name}} 同桌 : {{reactiveWatch.firend.hang.name1}} - {{r 阅读全文

posted @ 2022-08-24 15:53 杨建鑫阅读(28) 评论(0) 推荐(0) 编辑

watch 监听ref的复杂类型

摘要： <template> <div> 本人 : {{refWatch.name}} - {{refWatch.age}} 朋友 : {{refWatch.firend.name}} 同桌 : {{refWatch.firend.hang.name1}} - {{refWatch.firend.hang. 阅读全文

posted @ 2022-08-24 15:51 杨建鑫阅读(238) 评论(0) 推荐(0) 编辑

watch监听ref的简单类型

摘要： <template> <div> {{refWatch}} <button @click="refWatch++">ref的变化</button> </div> </template> <script> import {ref,reactive,watch} from 'vue' export de 阅读全文

posted @ 2022-08-24 15:43 杨建鑫阅读(256) 评论(0) 推荐(0) 编辑

前端_蜡笔小新欢迎您

前端_蜡笔小新欢迎您

公告