https://gitee.com/panjiachen/vue-admin-template/ https://github.com/PanJiaChen/vue-admin-template

let 和 const 是 JavaScript 中用于声明变量的关键字。 let 关键字用于声明可变（可重新赋值）的变量。通过使用 let 关键字声明的变量可以在其作用域内被重新赋值。例如： let x = 10; x = 20; // 可以重新赋值 const 关键字用于声明不可变（不可重新赋值

Element如何修改DatePicker的宽度 方法/步骤 1 打开一个vue文件，添加DatePicker日期选择器组件，设置默认日期为null。如图 2 在组件上添加style样式属性，设置width值为300px。如图 3 保存vue文件后使用浏览器打开，即可看到日期选择器的宽度已经变为30

文件->设置->编辑器->代码样式->HTML->其他-->在空的标签（打钩）

创建vite项目

Vue-router 路由安装以及使用_vue项目安装router

vue中的 axios请求_$axios请求

当你单独把这个deep放到style标签中，就会生效了：而且不能使用lang属性。总结就是要把:deep()单独一块放在style中，才会生效。翻译是>>>和/deep/已经被弃用，要用:deep()代替。在scss下的父元素里用:deep()语法。在父元素的class后加上:deep()_deep vue3

Vue-resource是Vue高度集成的第三方包，能很方便的放松请求。注意Vue-resource依赖于Vue，只能在Vue环境下使用。

理想的是页面创建时就向后台获取数据，然后将数据渲染在页面上，可是失败了，但是控制台也没有报错，只有单独绑定数据的ReportTitle渲染成功。最后问了大佬才发现，因为我用的是Vue2，必须要用this。最后就成功显示啦，就是格式不太对，但是可以显示成功了。直接上代码：html代码如下。Vue3才可以不用this。

vue2+js+elementUI升级为vue3+ts+elementUI plus

   

其实刚开始，我是想使用元素获取焦点事件，然后通过处理这个焦点事件，打开对话框，然后选择文件，但是这里有个问题，就是选择完文件之后，这个元素还是获取焦点，然后就会继续打开对话框，无限循环........，即便你通过e.target.blur() 让输入框失去了焦点，但是因为这是ui框架包装的输入框，所以还是会继续获取焦点，所以这个方案废弃。然后我就在想，既然这个输入框不能使用click事件，那给它包一个元素，在外层元素上绑定点击事件，然后通过事件冒泡来实现呢？嗯，经过我的不懈努力，这个方案不错。_elementui选择文件

在使用vue3 watch监控数据的时候出现执行2次的情况watch( () => overviewStore.selectModule,//pinia数据 function (newV) { loadState(newV); });操做说明：监听的是pinia中的state加载当前页面切换路由到其他页面再切换回来 overviewStore.selectModule执行2次如果watch的对象为props则不会出现执行2次情况目前还没搞明白为什么出现2次_vue3 watch多次触发

有时候需要将上传后的文件转换为base64编码，然后传递给后端使用，这个时候，就用到了FileReader对象来读取文件内容，并转为base64编码使用。所以如果传递给后端接口，就需要将这部分内容替换掉：event!.target.result.split("base64,")[1]如果是图片，就会包含： data:image/png;base64, 这个前缀。_vue 上传文件base64

就暂时不描述，只可意会不可言传了。