我的前端学习路

最近我用 vue3 做的项目里，有一个功能需要我点击网站上的 logo 即可展开一个边栏，再次点击即可隐藏 我用的方法是 provide 和 inject 以下是示意图 步骤 在 App.vue 里放

问题描述 今天测试我刚完成的项目时，发现电脑上显示的 title 是正确的，只有微信打开的时候显示不一样 解决方法 很简单，在 public/index.html 加入以下代码即可

先说问题 我的项目中做了个添加标签功能，部分代码如下 实测中遇到一个问题，我在弹窗中不输入任何东西，无论点确定还是取消，都会提示我“标签名不能为空”，体验很不好。 那么，我能不能点取消的时候不要提示我

记录一下，我的 Vue 项目打包部署 githubpages 后，静态资源（图片）因为部署后路径错误导致的 404 错误，不显示的问题。

在 vue.config.js 设置将要部署的 publicPath 先 yarn build 点击进去看文档 按照文档，接下来运行 检查打包没问题后 到 github 新建仓库

1. 初步理解 ISO8601 任何一个时间通过 toISOString() 都可以得到一个标准 ISO 格式的时间......2.使用 dayjs...

在 style 里的父元素和子元素之间加上 ::v-deep 即可 添加 border 成功....

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 1. 调用和传参 首先找到 store/index.ts， 这里已经有写好的 Vuex 模板，红框部分先改掉 改成 const sto

举例 src 目录下的 model.js 首先直接重构文件名为 model.ts 看报错（一般是提示需要加类型），一般来说加上即可，如下图 但，如果当前位置没有对应的类型，在别的文件里就需要多几步操作

第一步，先写一个 model.js ， export default 一下 第二步，在 TS 里引入，这样写 或者 在 model.js 直接 export {model} TS 引入，这样写 也可以

报错信息一： 解决方法：在.eslintrc.js 里面加如下代码 报错信息二： 解决方法：在.eslintrc.js 里面加如下代码 报错信息三： 解决方法：在.eslintrc.js 里面加如下代

v-model 简单来说就是个简写，和之前学习过的 .sync 是一样的 如果同时有 :value="x"和@input="x = $event.target.value"的代码，如下图红框部分（我项

1. 用 JS 对象（Props） 2. 用 TS 类 <script lang="ts">（我个人优先使用这种@Prop） 3. 用 JS 类 <script lang="js">或<script>

项目中，我在某个子元素的样式上用了 float ，那么它的父元素一定要 clearfix 。所以，为了提高工作效率，我可以用 placeholder。 代码举例， x目录/views/Money.vu

到 https://zenozeng.github.io/fonts.css/ 找到想用的字体 复制除了font-family:的所有代码 ↓ 这里举例，我是放在 assets/style/helpe

我在尝试引入一个 scss 文件的时候，webstorm 给我报错了，引入不了，说是没找到我要引入的文件，其实是 webstorm 不认识 ~@ 这个代表什么意思，需要告诉它。 解决方法 在设置中找到

今天我在使用 Symbol 代码引用图标时发现，设置颜色后，有一部分图标还是显示原始的颜色。是因为这部分 svg 图标带有 fill 属性，这种图标不能本地修改 fill 属性，需要在项目中移除默认颜

1. 代码重复三次就是原罪，我一直深刻记着这一点 之前我是这样引入的 如果 svg 文件一多起来，我就要写很多行一样的代码，我能不能直接 import 一个目录而不用一个个文件去 import ？可以

1.vue-cli 脚手架项目环境下需要引入 icon 我先是在 iconfont 选好了需要用到的图标下载为 svg ，并在 src/assets 文件夹下创建了 icons 文件夹，把 svg 文

在官方文档：vue .sync 修饰符，了解到 2.3.0 起 Vue 新增了 .sync 修饰符，但是它只是作为一个编译时的语法糖存在，它会被扩展为一个自动更新父组件属性的 v-on 监听器。 代码