十里不故梦

前端刷新页面的方法reload() 方法reload() 方法用于刷新当前文档，类似于浏览器上的刷新页面按钮window.location.reload()replace() 方法replace() 方法可用一个新文档取代当前文档window.location.replace("http://www.runoob.com")页面自动刷新其中5指每隔5秒刷新一次页面<meta http-equiv="refresh" content="5">Vue-Router路由跳转

Vue组件之间通信、传值props和$emit父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过$emit触发事件来做到的attrs和attrs和attrs和listeners如果父组件A下面有子组件B，组件B下面有组件C，这时如果组件A想传递数据给组件C怎么办呢？如果采用第一种方法，我们必须让组件A通过prop传递消息给组件B，组件B在通过prop传递消息给组件C。要是组件A和组件C之间有更多的组件，那采用这种方式就很复杂了。Vue 2.4开始提供了attrs和att

Vue中引入svg图标的方式Vue中引入svg图标的方式一安装yarn add svg-sprite-loader --devsvg组件index.vue<!-- svg组件 --><template> <svg class="svg-icon" :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName" /> </svg>&l

VuexVuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享使用Vuex统一管理状态的好处能够在vuex中集中管理共享的数据，易于开发和后期维护能够高效地实现组件之间的数据共享，提高开发效率存储在vuex中的数据都是响应式的，能够实时保持数据与页面的同步什么样的数据适合存储到Vuex中一般情况下，只有组件之间共享的数据，才有必要存储到vuex中；对于组件中的私有数据，依旧存储在组件自身的data中即可Vuex的基本使用安装vuex依赖包npm

Vue脚手架取消ESLint校验ESLint是插件化的 JavaScript 代码检测工具，使用脚手架的时候会使用eslint来实现代码的质量检测，但是真正在书写代码的时候要时刻记住这些 “标准”可能有点难受，比如结尾不加分号，使用单引号，首行俩个空格缩进等vue.config.js：module.exports = { // 取消ESLint校验 lintOnSave: false}自动修复ESLint语法格式npm run lint --fixyarn lint -

Vue编译网站：Vue2.x：https://template-explorer.vuejs.org/#Vue3.0：https://vue-next-template-explorer.netlify.app/#PatchFlags：export const enum PatchFlags { TEXT = 1, // 动态文本节点 CLASS = 1 << 1, // 2 // 动态 class STYLE = 1 << 2, // 4 // 动态 styl