曹先森的博客

页面换肤插件vite-plugin-theme-preprocessor官网使用这个插件很简单就能实现页面的动态换肤Echarts 动态换肤的实现首先在Echarts主题编辑器里边生成想要的颜色主题导入到项目中配置动态切换导入主题文件ps： 本人这里Echarts使用的是按需引入，所以需要注册一下，特意试了一下不注册无法换肤。定义全局变量const app = createApp(App)app.config.globalProperties.$echart = ref('

使用 emit 需要 先注册在 setup 中 使用emit的时候如果不注册会给父组件反馈两次。详情如下 vue.component('ls-unit', { props: { selectedItems: { default: {} } }, emits: ['change'], // 这里需要先注册 setup(props, { emit })

打包配置使用vue create myApp创建的项目已经没有webpack.config.js文件了！我们新建的目录一般如图：并没有webpack.config.js文件，这个时候我们需要新建一个vue.config.js文件，写入以下内容。// vue.config.jsmodule.exports = { // 选项... publicPath: './'}...

有些东西不记录一下，不久就忘了。好记性不如烂笔头！vite配置less全局变量Less变量文件地址如下：src/assets/styles/base.less方法一// vite.config.tsimport { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import path from 'path';// https://vitejs.dev/config/export default def.

参数区别toRef() 接收两个参数，第一个参数是一个对象， 第二个参数是个字符串（其第一个参数的key）。toRefs() 接收一个参数， 参数为对象。共同点接收的对象都是响应式对象， 也就是经过 reactive() 的对象。ps：如果不是一个响应式对象那么返回值也无法响应化。不同点toRef() 返回值是一个ObjectRefImpl对象。toRefs() 返回值是一个对象，对象的每个key的值是ObjectRefImpl对象。相当于把对象的值设置为 toRef() 后的对象。

reactive 和 refreactive()1、 返回对象的响应式副本。2、 解构会导致数据是去响应化。ref()1、 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 property .value。2 、 参数接收 基础数据类型。 不支持对象！特别注意！！！ 改变 reactive() 解构出来的数据, 视图不会更新， 但 当更新ref的数据时会更新 解构出来的数据对应的视图详细如下（具体代码如下方代码）：1 点击 change ref

因为要做一个个人作品。也重新捡捡vuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。安装vuexyarn add vuex使用在项目 src 目录下新建 store 文件夹，并在其中新建 index.js文件。// 官方结构目录├── index.html├── ...

后台使用java，代码如下：@ResponseBody @RequestMapping(params = "method=uploadFile") public String uploadFile( @RequestParam("file") List<MultipartFile> file, HttpServletRequest request ) { ...

vue-router官方APIrouter.push(location)想要导航到不同的 URL，则使用 router.push 方法。这个方法会向history栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。当你点击 <router-link> 时，这个方法会在内部调用，所以说，点击 等同于调用 router.push(…)。声明式：<ro...