Vue重新学习，有何疑问？

重新认识Vue

说实话，Vue这个框架现在Yi经挺成熟了。

咱就是说它的数据驱动视图、组件化开发这些特点。

你懂的，dou是老生常谈了。

不过话说回来重新学习Vue，还是有hen多疑问的。

为什么要重新学习Vue？

哈哈，主要是因为之前学的有些忘了。

而且Zui近kan到hen多面试题，感觉自己答不上来。

害，那些个原理什么的，咱就是说不太记得了。

Vue的核心机制

响应式原理

Vue 使用 Object.defineProperty 实现数据劫持，结合发布-订阅模式实现响应式。

export default { filters: { capitalize { if return '' return value.charAt.toUpperCase + value.slice }, formatDate { return dayjs.format } }}

v-model的实现原理

v-model 本质上是 :value 和 @input 的组合：

<input v-model="message"><!-- 等同于 --><input :value="message" @input="message = $event.target.value"> 组件通信方式

父子组件通信

$refs的使用场景

<template> <div> <input ref="myInput" /> <child-component ref="myChild" /> </div></template><script>export default { mounted { this.$refs.myInput.focus this.$refs.myChild.childMethod }}</script> . 跨层级组件通信

$attrs / $listeners 的用法

<!-- 父组件 --><child-a :foo="foo" :bar="bar" @click="handleClick" /><!-- 子组件 ChildA.vue --><template> <grand-child v-bind="$attrs" v-on="$listeners" /></template>

为什么百度不收录我的网站呢？

一般来说百度收录需要满足以下条件：

网站内容质量高、原创性强

网站结构清晰、易于爬取

网站有合理的内链和外链

网站有一定的历史和geng新频率

你Ke以检查一下你的网站是否满足这些条件。

Vue Router 路由管理 . 路由懒加载的实现方式

// Vue CLI 项目const routes =

性Neng优化策略

路由懒加载

组件按需加载

使用 keep-alive 缓存组件

图片懒加载

代码分割

这些dou是常见的优化手段。

. v-memo 性Neng优化

<div v-for="item in list" :key="item.id" v-memo=""> {{ item.name }}</div>

通过v-memoKe以减少不必要的重新渲染。

Mixins与Composition API对比

Mixins：选项合并，容易造成命名冲突

Composition API：函数式组合，geng好的逻辑复用

现在官方geng推荐使用Composition API。

TypeScript在Vue中的应用

类型检查

接口定义

组件props类型定义

使用TypeScriptKe以提高代码的可维护性。

自定义指令的Zui佳实践

全局注册常用指令

使用指令封装复杂DOM操作

注意清理资源

自定义指令Ke以封装一些通用功Neng。

怎么样，是不是对Vue的理解又深入了一些？

---