本帖子用来记录一下我在前端实习期间遇见的一些问题

1.对于ref和v-model

问题：我在写一个点击按钮实现对话框的弹出功能时。写了一个对话框组件，在调用时候引用了组件，原先在button上设置了一个点击事件，当点击时add从false变成true，并将add用v-model绑定在dialog上。这时候可以正常弹出对话框。

<dia-log v-model="add">

但是，在使用时，我需要拿到组件的dom，这时，我又想在组件上绑定一个ref

const formadd = ref(null)

但是我却拿不到dom，无论怎么log，输出都是不存在。

其实是因为我的v-model和ref重复绑定了。于是我取消了v-model绑定，然后就正常了。

扩展：

如果把v-model和ref同时绑定到一个组件上，会出现一个错误，Vue会报错提示不允许同时使用v-model和ref。这是因为v-model和ref是两种不同的数据绑定方式，它们的作用和使用方式有所不同。v-model用于双向绑定数据，而ref则用于创建响应式引用对象。如果同时使用它们，可能会导致数据绑定混乱和出现不可预测的行为。因此，建议不要将它们同时绑定到一个组件上。

2.创建vue项目的3种方式

http://t.csdnimg.cn/5FpRZhttp://t.csdnimg.cn/5FpRZ

3.解决：找不到ts的问题

  // 解决：未从源文件“e:/工作/game_merchant_test/src/composables/utils.ts”

  // 生成输出文件“e:/工作/game_merchant_test/src/composables/utils.d.ts”。

 解决办法1：http://t.csdnimg.cn/g42oc

解决办法2：http://t.csdnimg.cn/6NhgT

 4.解决找不到vue

env.d.ts中加上这个代码

// 找不到模块的解决办法
declare module '*.vue' {
  import { ComponentOptions } from 'vue'
  const componentOptions: ComponentOptions
  export default componentOptions
}