市丸银

2025年1月7日

摘要： 1、当state中的数据需要加工使用时，可以使用getters加工 2、在sindex.js中追加getters配置，注意别忘记创建和暴露 //准备state对象--保存具体数据 const state = { sum:0 } // 对state中的数据进行加工处理 const getters = 阅读全文

posted @ 2025-01-07 19:36 市丸银阅读(59) 评论(0) 推荐(0)

Vuex 基本使用

摘要： 1、index.js import Vue from "vue"; import Vuex from "vuex" // 使用Vuex Vue.use(Vuex) // 准备actions对象--响应组件中的动作 const actions = { addOdd(context, value){ i 阅读全文

posted @ 2025-01-07 18:51 市丸银阅读(5) 评论(0) 推荐(0)

Vuex搭建环境

摘要：一、下载vuex 注意版本 vue2对应 npm i vuex@3 vue3对应 npm i vuex@4 二、创建文件 src/store/index.html import Vue from "vue"; import Vuex from "vuex" // 使用Vuex Vue.use(Vue 阅读全文

posted @ 2025-01-07 18:05 市丸银阅读(9) 评论(0) 推荐(0)

2025年1月6日

Vue 插槽父组件向子组件传html结构

摘要：一、作用父组件可以向子组件指定位置插入html结构，也是一种通信方式，适用于父组件=>子组件二、分类默认插槽、具名插槽(有具体名字的插槽)、作用域插槽三、使用方式 1、默认插槽父组件 <Category title="美食" > <ul> <li v-for="data,index in 阅读全文

posted @ 2025-01-06 22:31 市丸银阅读(49) 评论(0) 推荐(0)

Vue 配置代理完整 axios

摘要：一、配置文件 vue.config.js devServer: { proxy: { '/api': { // 获取数据的接口 target: 'http://127.0.0.1:8000', // 特别重要 pathRewrite:{'^/api':''}, ws: true, changeOri 阅读全文

posted @ 2025-01-06 18:39 市丸银阅读(118) 评论(0) 推荐(0)

Django4.2配置 static

摘要： settings文件 STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static'), # 添加此项 ] 阅读全文

posted @ 2025-01-06 10:15 市丸银阅读(16) 评论(0) 推荐(0)

Vue 配置代理简洁

摘要：一、修改配置文件通过 vue.config.js 中的 devServer.proxy 配置代理 // 配置代理 proxy 指向后端API服务器 devServer: { proxy: 'http://127.0.0.1:8000' } 二、使用axios 1、下载 npm install ax 阅读全文

posted @ 2025-01-06 00:09 市丸银阅读(324) 评论(0) 推荐(0)

2025年1月5日

Vue 封装的过渡与动画 transition

摘要：一、作用在插入、更新或移除DOM元素时在合适的时候给元素提那家样式类名二、写法 1、准备好样式元素进入的样式： a、v-enter:进入起点 b、v-enter-avctive:进入过程中 c、v-enter-to:进入终点元素远离样式： a、v-leave:离开的起点 b、v-leave 阅读全文

posted @ 2025-01-05 21:43 市丸银阅读(13) 评论(0) 推荐(0)

Vue watch + nextTick(回调函数)

摘要：一、watch 作用：对数据进行监听，数据发生变化时执行二、nextTick 作用：数据修改后，DOM更新完毕后，执行里面的内容，可以和swiper插件配合使用三、案例 watch:{ // 1、监听数据发生变化, bannerList存储图片数据 bannerList:{ handler(n 阅读全文

posted @ 2025-01-05 19:54 市丸银阅读(10) 评论(0) 推荐(0)

Vue cli 消息订阅与发布

摘要：一、作用任意组件间通讯二、使用 1、安装pubsub npm install pubsub-js 2、引入 import pubsub from 'pubsub-js' 3、接受数据(订阅) a、引入 import pubsub from 'pubsub-js' b、回调方法 methods: 阅读全文

posted @ 2025-01-05 17:31 市丸银阅读(12) 评论(0) 推荐(0)

知行合一

公告