laravel+vue.js的学习以及为什么浏览器中要有井号“#”

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/LJFPHP/article/details/81873498

一、前言

      一直想找机会学一下vue,但是go还没来得及学,laravel的源码还没看完,学习vue更是遥遥无期。幸好新公司的项目是用laravel+vue编写的,这才有幸接触到vue。

      但是我在观看项目的时候,发现文件url都是/platform/#/test格式的,问题是路由中也没有类似的路由,那么为什么路径中要带井号呢,下面咱们解析一下。

二、关于laravel中集成vue

1、laravel中集成vue

请参考下面这篇帖子,讲的很仔细了。
Vue单页应用开发流程 (Laravel + Vue + Laravel-mix)

      这里有个入口文件,我们入口的文件的路由要记得,比如我这边的入口文件路由是/platform

2、vue-route

这部分参考链接:
vue-router的使用及实现原理
Vue Router

v-router的中文文档地址

      看了这个帖子才知道,我们的路径采用的是hash方式,也就是在地址中加入#以欺骗浏览器,地址的改变是由于正在进行页内导航 。这样,我们在切换页面的时候,浏览器并不会出现跳转,但是咱们的页面却已经发生了改变。

三、其他的学习过程

      了解vue项目的路径之后,我们就要了解vue的入口文件,路由定义等。从路由定义到组件都要了解一下。这样心里对vue就有个数,知道是从路由文件index.js开始,找到编写的vue.js的页面,然后找到import引入的组件,然后再通过npm run dev来进行编译展示。这就是我目前理解的过程了。

这里有个离线vue中文手册:
https://pan.baidu.com/s/1eSoir1C
直接下载即可

      看了上面的链接之后,也算了解了vue.js,vue-route,vuex,laravel-mix,感觉vuereact差不多,但是更加轻便,写起来也更方便一些,在此记录一下。另外,带着问题去学习速度真的很快,比漫无目的的翻文档要强得多。

end

猜你喜欢

转载自blog.csdn.net/LJFPHP/article/details/81873498