手打基础丸 🧆 => 精选基础知识，经过多道工序精心制作而成，口感鲜嫩多汁。一口咬下，香气四溢，加上传统前端风味，令人回味无穷...... 助力食用者厚积薄发，夯实根基进阶上层。
今天依旧是vue专题😀
vue中的v-clock和v-pre指令有什么作用？
v-clock：用于隐藏尚未编译完成的vue模板，直到vue实例准备完成后自动移除，主要解决在页面加载过程中出现的“模板闪烁”问题（用户可能会短暂的看到大括号标签）
v-pre：用于跳过元素和他子元素的编译过程，保留原始模板语法，不进行任何处理
vue 渲染模板时，如何保留模板中的html注释（添加版权信息或其他法律声明）？
1.使用comments选项（vue2）
2.使用v-pre指令
3.使用特定注释语法
vue3：
<!-- [COMMENTS] 后面加注释内容，不会被忽略-->
JSX：
render()
{
return(
<div>
{/* 此注释内容不会被忽略 */}
</div>
)
}
vue router 中如何获取路由传递过来的参数？
通过$router对象获取
使用composition API中的useRoute
const route = useRoute console.log(route.xx)
通过props，将路由参数作为组件的props传入
`
const router =[{
path:'/:router',
component: Router,
props:true
}]
vue router 如何配置404页面？
1.创建404页面组件NotFound
2.在路由配置中添加通配符路由
{path:'/:pathMatch(.*)*', name: 'NotFound', component: NotFound}
为什么Vue中的data属性是一个函数而不是对象？
1.避免组件实例之间共享数据，保持组件的独立性和可复用性：data如果作为一个对象则会被所有组件实例共享，一个组件中的数据变更会影响其他组件
2.符合单项数据流的设计理念，便于调试维护
