随笔分类 - vue
摘要：默认每次跳转一个路由会销毁原路由对应的组件并创建新路由对应的组件，不会保留状态 如果希望保留状态，可以使用keep alive keep alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染 router view是一个组件，如果直接被包含在keep alive内，所有路径匹
阅读全文
摘要：全局守卫 全局守卫按照创建顺序调用 1.前置守卫 注意，如果有嵌套路由，则不能直接使用to.meta 可以在to或者from中找到matched数组，里面存有父路由与子路由的属性 2.后置钩子 后置钩子（afterEach）不需要使用next() 路由独享守卫 组件内守卫 const Foo = {
阅读全文
摘要：传递参数主要有两种类型：params及query params的类型： 1.配置路由格式：/router/:id 2.传递方式：在path后面跟上对应的值 3.传递后形成的路径：/router/123 /router/abc 使用router link: 使用代码的方式： 接收参数时使用$route
阅读全文
摘要：比如在home页面中，希望通过/home/news及/home/message访问一些内容 一个路径映射一个组件，访问这两个路径也会分别渲染两个组件 实现嵌套路由有两个步骤： 1.创建对应的子组件，并且在路由映射中配置对应的子路由 2.在组件内部使用标签 路由配置： 父组件(home)：
阅读全文
摘要：某些情况下，一个页面的path路径可能是不确定的，比如进入用户界面时，希望是如下的路径/user/aaa或者/user/bbb，除前方的/user外，后面跟着用户id，这种path与Component的匹配关系，称为动态路由（也是路由数据传递的一种方式） router下的index.js route
阅读全文
摘要：1.Vue内部如何监听数据的改变 通过Object.defineProperty监听对象属性的改变 2.当数据发生改变时，Vue如何通知界面进行刷新 通过发布订阅模式
阅读全文
摘要：1.hash方式 URL的hash即锚点（ ），本质上是改变window.location的href属性 可以直接通过赋值location.hash来改变href，但是页面不发生刷新 `location.hash='/aaa'`这两个实际路径是一致的 路径显示：http://192.168.0.10
阅读全文
摘要：1.安装vue router 2.使用vue router 3.使用router view及router link router link标签默认会渲染为a标签，比如to属性值为/home且为hash模式时，会被渲染为该a标签：``
阅读全文
摘要：环境变量配置 环境变量可以在以下文件中配置： 文件内部使用键值对的方式对变量进行配置 被载入的变量将会对 vue cli service 的所有命令、插件和依赖可用,同时为一个特定模式准备的环境文件的 (例如 .env.production) 将会比一般的环境文件 (例如 .env) 拥有更高的优先
阅读全文
