Senora的博客

history对象包含length，state，scrollRestoration属性以及go，forward等方法。提到history不由得想起另一种路由模式hash模式。1、history模式利用 H5的 history中新增的两个API ：pushState()和 replaceState()和一个事件onpopstate监听URL变化。2、hash模式灵活运用了 html的瞄点功能，改变 # 后的路径本质上是更换了当前页面的瞄点，所以不会刷新页面。通过监听浏览器的 onhashchange()事

1.props 父向子，单向绑定，子组件数据随父组件更新而响应式更新 2.$emit 子向父，$emit 绑定一自定义事件，这个事件被执行时将参数传递给父组件，父通过v-on监听并接收参数3.eventBus兄弟组件之间的数据传递，通过eventBus来做中间的桥梁，传输方通过中间组件调用 emit 传数据，接收方通过on 接受数据...

全局路由钩子：beforeEach(to,from, next)、beforeResolve(to,from, next)、afterEach(to,from)独享路由钩子：beforeEnter(to,from, next)组件内路由钩子：beforeRouteEnter(to,from, next)、beforeRouteUpdate(to,from, next)、beforeRouteLeave(to,from, next)...

Vue-cli，也叫脚手架，基于Vue.js进行快速开发的完整系统；vue-router，vue官方的路由管理器；vuex，为vue应用程序开发的状态管理模式；axios，基于Promise用于浏览器和node.js的HTTP客户端

1、params传参：通过params传递参数，如果我们想获取 id 的参数值，可以通过this.$route.params.id这种方式来打印出来就可以得到了；2、路由属性配置传参：可以用this.$route.params.id来获取到 id 的值3、query传参：可以解决页面刷新参数消失问题的，这种方式可以理解为是 ajax 中的 get 方法，参数是直接在 url 后面添加的，参数是可见的，所以解决页面刷新参数消失问题建议使用此方法来解决；...

在 vue 的创建、使用、销毁过程中，会有许多事件，这些事件就被统称为生命周期函数，也叫作生命周期钩子,那vue生命周期每个阶段可以做什么呢

vue-router前端路由有两种模式，hash模式和history模式hash 原理：灵活运用了 html的瞄点功能，改变 # 后的路径本质上是更换了当前页面的瞄点，所以不会刷新页面。通过监听浏览器的 onhashchange()事件变化，查找对应的路由规则。history 原理： 利用 H5的 history中新增的两个API ：pushState()和 replaceState()和一个事件onpopstate监听URL变化。文章内容还有hash和history模式的区别以及优缺点...

vue-router路由的四种传参方式

vue常见指令和修饰符以及涉及到的前端面试题

route和router的区别

methods 和 watch 和 computed的区别及适用场景

vue2基础知识点概述基础指令存储

vue3介绍特点与vue2的不同vue3特点基本兼容vue2代码初始渲染更快语义明确，书写简单，不用Vue再编译按需引用（与vue2最大区别）组合式api（更加接近原生js，更加直观，更有效的降低了代码耦合性）与vue2的不同启动方式main.js文件vue3：var app = createApp(App);app.use(store).use(router).mount('#app')vue2：import Vue from 'vue'import App

<template> <div>{{nowTime}}</div></template><script> export default { data() { return { nowTime : "", // 当前日期 }; }, methods: { currentTime(...

在vue中使用echarts1.先创建一个vue项目2.在项目路径下执行以下命令3.在main.js文件中引入echarts4.在页面中使用

vue中keep-alive 和钩子：Vue中keep-alive的深入理解和使用 - 掘金webpack的config.js文件详情：https://segmentfault.com/a/1190000023611064