qq_36825145的博客

estimate-size="单行高度 方便精准计算滚动条":data-component="单行数据需要展示的内容":keeps="虚拟列表在在页面展示的数量":data-key="某一行唯一标识符":data-sources="列表数据"这里传入想要给单行文件需要接受的数据。

例如下面的html页面使用vue3的例子，state变量下的message、num、input1都可以直接使用。而不需要使用state.message、state.num、state.input这样的写法。另外文中的v-cloak,是解决屏幕闪动的问题，大型的项目一般都是挂载，都不会使用这个。解构语法，用起来舒服多了！

【代码】html页面使用vue,对比v-text和v-html。

路由守卫

前端使用mock模拟后端数据

注入的环境变量的类型定义。

在根目录新建一个文件，env.d.ts。

在tsconfig.json下的compilerOptions下添加。

用于生成文件头部注释和函数注释的插件，支持所有主流语言，功能强大，灵活方便，文档齐全，使用简单！

开发环境下，Vue 会提供很多警告来帮你对付常见的错误与陷阱。而在生产环境下，这些警告语句却没有用，反而会增加应用的体积。此外，有些警告检查还有一些小的运行时开销，这在生产环境模式下是可以避免的。Vue.config.productionTip = false 可以阻止 vue 在启动时生成生产提示。productionTip = fasle时，就没有了红框内的提示信息。productionTip = true （默认）写在main.js里面。

propC是必须传入的且类型必须为String或Number。propD的类型可以是Object或Array类型，如果没有传值，则默认为一个空数组。在给这些属性设置值时，它们可以是字符串或数字类型。也可以通过type属性来指定属性的类型。除了常见的使用props属性来设置值之外，Vue还提供了props多类型支持，这意味着在设置props时，可以定义多种类型，从而为组件开发提供更大的灵活性。在Vue中，props是一种使用场景广泛的属性。它可以让子组件接收父组件传递的值，从而实现组件之间的通讯。