虽然Vue 3还没有正式发布，但是热爱新技术的我早已按捺不住自己的内心，开始尝试在小项目中使用它了。根据这篇《今日凌晨Vue3 beta版震撼发布，竟然公开支持脚手架项目！》我搭建了一个Vue 3的脚手架项目，用这种方式搭建的脚手架项目不仅仅只有vue是新

几周前，我写了关于 Vue 路由的使用和在 Vue 页面导航的文章。这是在应用程序中探索的一个基本例子。我们将学习如何使用路由和 URL参数以及查询参数在 Vue 页面之间传递数据。假设您有一个 web 应用程序，它显示从某个数据库获得的用户列表。这个列表

vue 项目往往会搭配 vue-router 官方路由管理器，它和 vue.js 的核心深度集成，让构建单页面应用变得易如反掌。vue-router 默认为 hash 模式，使用 URL 的 hash 来模拟一个完整的 URL，所以当 URL 改变时，页面

前端路由原理本质就是监听 URL 的变化，然后匹配路由规则，显示相应的页面，并且无须刷新。}检测到 hash 的变化后，就可以通过替换 DOM 的方式来实现页面的更换。两个 API ，pushState和replaceState可以改变 url 地址且不会

本文适用于对 Vue.js 和 vue-router 有一定程度了解的开发者除特殊说明，vue-router 版本为 3.0.2正文路由 class 匹配<router-link> 路由匹配后会给该标签添加 class 属性值 .router-

因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。仅仅只是路由的参数发生了变化，该路由是默认不做刷新操作的。为了解决这个问题 不想复用的话，就在父组件的router-view上加个key<

之前开发了一个单页面应用，按照深度，分为三层：目录页、一级子页、二级子页。这三类页面都共享一个完整的数据model，从上级页面进入下一级页面时，能够加载相应数据；回到上一级时，数据有更新。我们在代码中使用的是方法一，以故事列表进入到故事编辑页为例，从列表传

<router-link to='/home'></router-link> //你可以在template中使用它实现一个可点击跳转到home.vue的 a 标签。this.$router.push; //在method

vue-router导航守卫在本期文章中，我将为大家梳理弄明白以下几个事情，在之前说过的一个内容router实例的history属性帮助我们做了所有跳转部分的事情，所以导航守卫的内容也在history中。我们以HTML5History这个类来看一下这个pu

Vue-router 中hash模式和history模式的关系在vue的路由配置中有mode选项 最直观的区别就是在url中 hash 带了一个很丑的 # 而history是没有#的。只是当它们执行修改时，虽然改变了当前的 URL，但浏览器不会立即向后端发

上节回顾上节学习了如何用webpack + vue-cli 去安装一个基于vue基础项目框架，其实按照顺序来，本来是第九节应该是看组件的，不过因为种种原因，实在是受不了了，所以决定提前先把webpack关于vue的这门课先补上，所以说今天就来看组件吧！首先

npm install vue-router如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能：可以通过第二步/第三步的方式安装加载。// 1. 定义（路由）组件。// The Vue build version to loa

router-linkrouter-link标签用于页面的跳转。<router-link to="/page01">page01</router-link>点击这个==router-link==标签router-

})在index.vue中的section放通过插槽存放porixtion mine search 组件。将template的内容外层用 <Index></Index>包同理search也一样。--判断调用组件传递进来的hre

// 当 /user/:id/profile 匹配成功，这让你充分的使用嵌套组件而无须设置嵌套的路径。这句话不是很理解。<router-link :to="{ name: 'user2', params: {} }" exact&

引言互联网中，存在许许多多页面劫持的现象，挂羊头卖狗肉偷数据等等现象也层出不穷。然而上网辨别自己是否是一个安全的访问，最基础最安全的方法却是看网址。这是我们进入互联网的入口之一，它是一个搜索引擎入口，连通大部分网民想要搜寻的具体资源。而网址实际上就是一个U

学习一个框架有两个阶段最难，一个是初期的入门，一个是后期的源码阅读。虽然vue的官方文档非常棒，在我读完文档之后还是会有一种感觉，知识点我都懂，然后呢？似乎大体知道该怎么利用vue全家桶去搭建一个项目，但具体下笔又有点模糊。vue官方的脚手架并没有将vue

接着上两篇文章继续讲，附上上两篇的地址，没看过的同学可以去看看。今天主要讲解一下登录组件部分和下载部分，也是最简单部分，今天讲完之后，作者需要潜心修炼一下后端，争取能做到和数据库进行交互，到时候再来接着写。由于比较简单，就不画辅助线了，可以看到登录组件部分

当写入第一个字符不为为 "#" 时会自动生成一个 "#" 在字符串之前，再把字符串追加到生成的#后面。location.hash与HTML5 history类似，都能够在改变页面的URL而不会引起浏览器的重载。但是l

像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以