vue学习

vue同时触发两个函数 <div @click="event1()； event2()"></div>

当项目逐渐变大之后，文件与文件直接的引用关系会很复杂，这时候就需要使用alias 了。 有的人喜欢alias 指向src目录下，再使用相对路径找文件 或者也可以

Home 获取当前周 获取当前周几 获取未来一周 moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd')

检测窗口宽度发生变化 获取DOM元素的width template.vue js 获取DOM元素的width

根目录的 .babelrc 或者 babel.config.js 里配置两个插件：@babel/plugin-proposal-nullish-coalescing-operator

本地404 vue.config.js设置publicPath、historyApiFallback 配置后，本地页面刷新ok 线上404 在nginx.conf中添加参数配置：

1. 在utils下新建`filter.js` 2. `filter.js`文件 在utils下新建filter.js filter.js文件 vue文件就可以直接使用啦

vue-element-dialog npm地址：https://www.npmjs.com/package/vue-element-dialog - 先安装 - main.js引入 - 页面 ind

qf-export-excel npm地址: https://www.npmjs.com/package/qf-export-excel **- 先安装 ** **- mai.js引入 ** - 全局

vuex通过辅助函数mapState、mapActions、mapMutations，把vuex.store中的属性映射到vue实例身上，这样在vue实例中就能访问vuex.store中的属性了，对于

- Vue.set 可以设置对象或数组的值，通过key或数组索引，可以触发视图更新 数组修改: 对象修改: - Vue.delete 删除对象或数组中元素，通过key或数组索引，可以触发视图更新 数组

bind 钩子函数，第一次绑定时调用，可以在这里做初始化设置 el: 作用的 dom 对象 value: 传给指令的值，也就是我们要 copy 的值

const LazyLoad = { // install方法 install(Vue,options){} }

// 1.设置v-debounce自定义指令 Vue.directive('debounce', {}）

v- 开头的行内属性，都是指令，不同的指令可以完成或实现不同的功能 除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令 指令使用的几种方式： 怎样注册： 全

hash 模式是一种把前端路由的路径用井号 # 拼接在真实 URL 后面的模式。当井号 # 后面的路径发生变化时，浏览器并不会重新发起请求，而是会触发 hashchange 事件。 优点：浏览器兼容性

下载iconfont字体图标 放入assets目录下 main.js中引入（这里要注意引入路径） 这样就可以正常使用iconfont图标了 或者:

vue项目中用vuex来做全局状态管理，当刷新网页后，保存在vuex实例store里的数据会丢失 原因：是因为store里的数据是保存在运行内存中的，当页面刷新，会重新加载vue实例，store里的数

所谓的异步组件就是通过import或者require导入的vue组件。 好处：可以避免页面一加载时就去加载全部的组件，从而导致页面访问时间变长的问题。使用异步加载组件后，只有当需要某个组件时才会去加载

vue3设置全局变量app.config.globalProperties或者provide/inject