m0_57547754的博客

原创 $event到底是啥？啥时候能.target?

对于原生事件，$event就是一个特殊的占位符，它其实就是一个事件对象。

原创 自定义ref：customRef

但是实际开发中不是如上图这么使用，而是将上图中的自定义ref的代码封装成一个hooks，而且必须return，别人才能使用。在App.vue中，使用自定义的ref如下图。

原创 组件通信方式

3.子在合适的时候直接去调用这个函数，以传参的形式把东西递过去。1.父定义函数，并将函数传给子。

原创 Module ‘“/xxxx/xxx/xxx/xx/Child.vue“‘ has no default export

在父组件中引入子组件时，报错：Module '"/xxxx/xxx/xxx/xx/Child.vue"' has no default export。

原创 什么时候不用再.value去拆包了呢？

如果你是自己定义的一个ref数据，直接就写在外侧的，使用的时候必须得点value。但是如果你这个东西是在reactive响应式对象里边包着的一个ref数据，那其实它就直接帮你拆包了，它就直接帮你解出来了。

原创 关于store

在vue3中，store其实就是pinia的一个具体的体现，应用里边要用pinia，所以store就属于pinia落地儿的一个东西，可以理解为：天天所说的用pinia其实落地儿了，就需要有这么一个store，简单理解为：store就是pinia世界里的总经理。

原创 连续两次解构并重命名的写法

如果想得到axios发请求的结果（该结果是一个promise对象），得声明一个变量result去接收：

原创 在vue的文件中引入外部的东西，是否需要加{}的问题

值得注意的是nanoid用的是分别暴露，所以得加上花括号去引入这个nanoid。axios是默认暴露的，所以直接引入就可以了，不用加上花括号。

原创 字符串转数字

1.在value的前边呢，加上一个冒号，加了冒号之后，红色的这些都是表达式，那么表达式一执行其实就是数字123。2.第一种做法并不是很优雅，有一个最正统的就是解决办法其实就是在v-model后面加一修饰符，叫做number。

原创 组件名&组件的文件名

这个name是用于定义当前组件的名字的，如果不写这个，它会自己去寻找这个组件的文件名作为组件名了，但是最好还是写一下比较好。

原创 搭建pinia环境

2.然后在main.ts里面：引入、创建、按照。1.先在终端窗口输入指令：npm i pinia。

原创 Uncaught TypeError: Cannot read properties of undefined (reading ‘content‘)

使用async 关键字和await来声明函数是异步的。在请求时没有使用async 和await。

原创 vue3生命周期：父组件与子组件谁先挂在的问题

3.于是来到App.vue里面去解析这个组件，发现App里用到其他子组件，这时vue的机制会找到子组件，解析子组件里所有的东西，等到将最后一个子组件解析完了（该调用的钩子函数都调完了），App才会挂载。2.这时候main.ts开始工作，main.ts一工作就发现要把App塞到页面上去，1.入口是index.html,发现它里面引入了main.ts,

原创 自定义hooks（hooks本质：是xxx.js或者xxx.ts文件）

2.在hooks里面新建一个ts文件，例如求和:useSum.ts（命名规范useXxxx,后面的词体现的是具体的功能）3.在useSum.ts里定义求和需要的数据和方法，并将这些数据和方法包裹在。useSum调用之后返回一个对象，所以在组件里可以解构。1.在src下新建hooks文件夹。

原创 在根组件里面引入其他components组件的写法：vue2与vue3的区别

vue2写法：vue3写法：

原创 vue3和TS引入路径报错：Cannot find module ‘@/types‘ or its corresponding type declarations.

【代码】vue3和TS引入路径报错：Cannot find module ‘@/types‘ or its corresponding type declarations.

原创 关于计算属性

原创 创建Vue3工程

1.创建vue3工程。3.源文件src介绍。

原创 Uncaught (in promise) Error: Initialize failed: invalid dom. at Module.init (echarts.js:2010:13

获取dom错误，eCharts仅支持使用原生方法获取dom。Vue的ref方法，eCharts不支持。页面的echarts柱状图渲染不出来。

原创 后台管理CSS汇合

1.

原创 路由跳转问题

原因：已经在当前路由上，router限制了我们不能重复进行跳转，否则会报错。点击相同路由时，如下：已经在/home路径了，当点击“首页”时。

原创 嵌套路由中：路由切换时，页面内容不显示的问题

我是第二种，我将路由配置文件里面的routes写成routers,所以页面不显示。1.代码没报错，运行成功，但是index.js中router挂接的内容无法显示，3.在浏览器中检查，App.vue中对应的 为空。2.没有犯书写错误，routes 和 component 没有写错，

原创 数据库连接要素：

5.数据库库名（一般不需要额外配置，只需要在数据库主机地址那里配置即可）4.数据库端口号 mysql默认3306。