Vue
关注
分享
扫一扫
文章平均质量分 52
Lihai__
这个作者很懒，什么都没留下…
展开
-
校园跑腿/互助微信小程序毕设
校园跑腿微信小程序原创 2023-10-27 15:02:50 · 235 阅读 · 1 评论 -
vue-router(全局导航守卫)
vue-router 的导航钩子，主要用来作用是拦截导航，让他完成跳转或取消。 有三种方式可以植入路由导航过程中： 全局的单个路由独享的组件级的 1. 全局导航钩子： 全局导航钩子主要有两种钩子：前置守卫、后置钩子， 注册一个全局前置守卫： const router = ...原创 2021-06-21 15:02:57 · 358 阅读 · 0 评论 -
vue-router(四vue-router嵌套路由)
vue-router嵌套路由认识路由嵌套实现嵌套路由认识路由嵌套比如在home页面中，我们希望通过/home/news和/home/message访问一些内容一个路径映射组件，访问这两个路径也会分别渲染两个组件实现嵌套路由创建对应的子组件，并且在路由映射中配置对应子路由在组件内部使用router-view标签...原创 2021-06-21 08:50:16 · 287 阅读 · 0 评论 -
vue-router(三vue-router路由懒加载)
vue-router路由懒加载认识路由懒加载认识路由懒加载当打包构建应用时，JavaScript包会变得非常大，影响页面加载。如果我们把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了...原创 2021-06-20 17:48:32 · 168 阅读 · 0 评论 -
vue-router(二vue-router动态路由)
使用动态路由使用动态路由在index.js文件中配置好路由用 /:拼接路由将to属性用bind:进行绑定在页面中显示路由信息补充使用动态路由在index.js文件中配置好路由用 /:拼接路由将to属性用bind:进行绑定在页面中显示路由信息补充router为VueRouter实例，想要导航到不同URL，则使用router为VueRouter实例，想要导航到不同URL，则使用router为VueRouter实例，想要导航到不同URL，则使用router.push等方法$route为当前原创 2021-06-20 15:21:09 · 293 阅读 · 0 评论 -
vue-router(一vue-router基本使用)
vue-router详解vue-router基本使用vue-router嵌套路由vue-router参数传递vue-router导航守卫keep-alivevue-router基本使用vue-router嵌套路由vue-router参数传递vue-router导航守卫keep-alive原创 2021-06-20 14:27:41 · 417 阅读 · 0 评论 -
vue-cli介绍与安装
vue-cli介绍与安装Vue CLI介绍Vue CLI安装安装NodeJS安装Webpack安装Vue CLIVue CLI介绍CLI是Command-Line Interface，翻译为命令行界面，但是俗称脚手架Vue CLI 是一个官方发布vue.js项目脚手架使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置Vue CLI安装vue-cli使用前提 – Node安装NodeJS直接在官网下载安装NodeJS官网下载链接默认情况下自动安装Node和NPMNo原创 2021-06-18 12:37:46 · 424 阅读 · 0 评论 -
安装vue-loader因版本过高(14版本以上)报错问题的解决方法记录
这个错误是指vue-loader在14版本以上，需要安装另外的插件。方法一方法二方法一进入package.json文件中，找到vue-loader的版本将它改为^13.0.0指会自动匹配13.x.x中的最新版本，但是不会匹配到14.0.0和^(插入符号)一对还有一个符号~(波浪符号)~13.3.0指会匹配更新到13.3.x的最新版本，但不会更新到13.4.0然后npm install，重新安装后，再次执行打包命令即可，不会出现报错方法二在webpack.config.js文件中加入以下配置原创 2021-05-13 10:31:00 · 4133 阅读 · 0 评论