赞
踩
路由,router。
SPA应用。页面不重新刷新。
浏览器的路径发生变化,router就会检测到,就会切换组件。
注意vue2中应该使用vue-router3,不然会报错。
创建文件。
标签页。
增加点击样式。
前者放一般组件,后者放路由组件。
vm实例。
拿到对应的数据。
使用模块字符串。
两种写法:
配置name属性。
直接写名字。
使用name跳转路由。
路由需要设置参数。
params参数只能和name一起,不能是路径。
解构赋值。
解构赋值的连续写法。
push
方式和replace
方式。
默认就是push模式。
开启replace模式。
写在方法里。
回退和前进。
全部都被缓存。
没有必要,我们只需要缓存有数据的组件,写的是组件名,不是路由名。
写多个组件的名字。
路由组件独有的生命周期钩子。
路由守卫:保护路由的权限。
在路由中配置。
meta。路由元信息。
不点的时候也显示名字。
上面的是有bug的,比较麻烦。我们使用后置路由守卫。
配置在每个路由里面。
没有独享的后置路由守卫。
默认的模式是hash模式。我们可以修改模式。
hash模式的兼容性比较好。
项目需要上线,我们需要打包,生成原始的.html,.js,.css等文件,使用npm run build进行打包。生成一个dist文件。打包出来的文件,必须放在服务器上面进行部署才能看见我们的页面。
选一个名字。
之后进行回车就可以。
创建一个微型的服务器,然后我们启动服务器。
前端静态资源的放置位置。也可以叫public。
静态资源让服务器认识,指定静态资源。
history模式下出现404问题,因为这个模式会将地址栏的所有路径当做路径去请求数据,但是在后端服务器我们找不到数据。一刷新的话,需要后端人员配合。
使用服务器的中间件。
安装一下。
使用一下这个中间件。
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。