Vue 没有内置支持防抖和节流，但可以使用 Lodash 等库来实现。 Lodash 官网：https://lodash.com/ 如果某个组件仅使用一次，可以在 methods 中直接应用防抖： ```html <script src="https://unpkg.com/lodash@4.17.20/lodash.min.js"></script> <script> Vue.createApp({ methods: { // 用 Lodash 的防抖函数 click: _.debounce(function() { // ... 响应点击 ... }, 500) } }).mount('#app') </script> ``` 但是，这种方法对于可复用组件有潜在的问题，因为它们都共享相同的防抖函数。为了使组件实例彼此独立，可以在生命周期钩子的 created 里添加该防抖函数: ```js app.component('save-button', {


### createApp() vue3 初始化 ```js import { createApp, h } from 'vue' import App from './App.vue' // 创建实例 const app = createApp({ render: () => h(App) }) ``` ### app.use() 安装插件 ```js import { createApp, h } from 'vue' import App from './App.vue' import router from './routers/router' import store from './stores' import { installPlugins } from './plugins/install' // 权限控制 import './permission' import './styles/index.styl' // 创建实例 const app = createApp({ render: () => h(A

### shims-vue.d.ts ```js /* eslint-disable */ declare module '*.vue' { // 什么文件 import type { DefineComponent } from 'vue' const component: DefineComponent<{}, {}, any> export default component } ``` ### vue.d.ts ```js import { ComponentCustomProperties } from 'vue' import { Store } from 'vuex' declare module '@vue/runtime-core' { interface ComponentCustomProperties { $store: Store<State> $vmathAdd(arg1: number, arg2: number) : number, $vmathSub(arg

性能分析webpack-bundle-analyzer 可以进行性能分析和打包优化 可以看到每个文件的大小 ### 安装 ```bash npm install webpack-bundle-analyzer –save-dev ``` ### 配置项目说明 ```js new BundleAnalyzerPlugin({ // 可以是`server`，`static`或`disabled`。 // 在`server`模式下，分析器将启动HTTP服务器来显示软件包报告。 // 在“静态”模式下，会生成带有报告的单个HTML文件。 // 在`disabled`模式下，你可以使用这个插件来将`generateStatsFile`设置为`true`来生成Webpack Stats JSON文件。 analyzerMode: 'server', // 将在“服务器”模式下使用的主机启动HTTP服务器。 analyzerHost: '127.0.0.1', // 将在“服务器”模式下使用的端口启动HTTP