宁静致远. - 博客园

Fetch 项目级封装

摘要： http.ts 阅读全文

posted @ 2023-03-23 10:44 宁静致远. 阅读(22) 评论(0) 推荐(0) 编辑

Fetch 基本操作 Get Post Delete Put

摘要： //删除请求 async function DeleteModel(model: Customer) { let url = `http://localhost:57679/api/Customers/${model.id}` await fetch(url, { method: 'delete' 阅读全文

posted @ 2023-03-23 10:43 宁静致远. 阅读(125) 评论(0) 推荐(0) 编辑

Vue 工具

摘要： http://www.axios-js.com/ API测试资源 https://jsonplaceholder.typicode.com/ Fetch API Element UI 控件使用指南 https://cloud.tencent.com/developer/section/1489873 阅读全文

posted @ 2023-03-22 10:35 宁静致远. 阅读(20) 评论(0) 推荐(0) 编辑

Router 路由

摘要：路由组件显示占位符 <router-view></router-view> 使用路径path 或 name 在标签中导航 <RouterLink to="ClassTest">Class</RouterLink>| <RouterLink :to="{name:'TypeTest'}">TypeTe 阅读全文

posted @ 2023-03-21 17:52 宁静致远. 阅读(16) 评论(0) 推荐(0) 编辑

部署

摘要：构建应用设置打包时的相对路径 vite.config.ts // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': fileURLToPath(ne 阅读全文

posted @ 2023-03-20 14:17 宁静致远. 阅读(244) 评论(0) 推荐(0) 编辑

状态管理介绍 pinia

摘要：什么是状态管理？理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。 <script setup> import { ref } from 'vue' // 状态 const count = ref(0) // 动作 function increment() { count. 阅读全文

posted @ 2023-03-20 11:54 宁静致远. 阅读(98) 评论(0) 推荐(0) 编辑

pinia 使用状态管理

摘要：一、定义状态变量、方法在 src\stores\ 目录下，新建状态管理文件 counter.ts 为了确保改变状态的逻辑像状态本身一样集中，建议在 store 上定义方法，方法的名称应该要能表达出行动的意图： import { ref, computed } from 'vue' import { 阅读全文

posted @ 2023-03-20 11:35 宁静致远. 阅读(59) 评论(0) 推荐(0) 编辑

Vue3.0

摘要：阅读全文

posted @ 2023-03-18 19:36 宁静致远. 阅读(22) 评论(0) 推荐(0) 编辑

Fetch

摘要： Ajax - 使用XMLHttpRequest对象进行异步请求，极大的提高了用户体验，实现了页内请求 Fetch - Ajax的替代者，浏览器内置方法，封装了Promise机制，优化了异步问题 axios、request等众多第三方开源库：对原生方法的二次封装，各有优劣势二、关于Fetch API 阅读全文

posted @ 2023-03-18 18:01 宁静致远. 阅读(157) 评论(0) 推荐(0) 编辑

Vue 常用语句

摘要：快捷方式创建 Vue 组件模板新建文件 Login.vue 然后打开文件，并输入 vbase ，再在提示列表中选择 vbase-3-ts-setup，最后按回车确定，此时系统会自动生成以下文本 <template> <div> </div> </template> <script setup la 阅读全文

posted @ 2023-03-17 16:22 宁静致远. 阅读(67) 评论(0) 推荐(0) 编辑

学海无涯

导航

公告