vue嵌套数据php vue多层嵌套数据绑定

PHP文件可以放在vuecli创建的项目里吗?

1、在/home/www/test文件夹下创建项目根目录php文件夹，将thinkphp文件放在php下。TP5的入口文件在public文件下，在这将public下的入口文件index.php挪到php文件夹下（个人习惯将入口文件放在项目根目录）， 后端绑定Index模块。

2、ajax跨域可以用jsonp的方式来传递数据，也可以在被请求的页面上加入header：Access-Control-Allow-Origin：*，*代表任何请求来源，也可以改成指定的IP或域名进行限制，不过这种方法安全级别较低，不能用来获取安全要求较高的数据。

3、你都说了是前后端分离，就不需要把vue嵌套php代码里。前后端用纯接口交换数据，找后端同事定义好restful接口，清楚返回的数据结构，接下来前端这块你就可以自己mock数据进行开发了。

相关问答

Q1: vue路由嵌套,如何子路由也有选中样式

main.js，路由的重定向，就会在页面一加载的时候，就会将home组件显示出来，因为重定向指向了home组件，redirect的指向与path的必须一致。children里面是子路由，当然子路由里面还可以继续嵌套子路由。

如果是路由后接路由，你就要只要把第二个路由的LAN口改成19161就可以了，这个就登陆路由的IP，网线同样是插WAN口。

路由器作为网络设备中的“黑匣子”，工作在后台。用户选择路由器时，多从技术角度来考虑，如可延展性、路由协议互操作性、广域数据服务支持、内部ATM支持、SAN集成能力等。

在用vue-cli脚手架生成项目之后，在app.vue和main.js里面简单修改一下，用来测试路由的连通性，具体代码把官网上的抄下来就可以。

Q2: 两个vue系统如何嵌套

建议使用微前端嵌套，或者将需要嵌套的页面打包好后再嵌套。因为是两个vue项目，现在菜单系统的vue项目使用iframe来嵌入另一内容vue项目。登录得到的token不能共享。解决思路：使用postMessage把菜单项目的token传递给内容vue项目。

main.js，路由的重定向，就会在页面一加载的时候，就会将home组件显示出来，因为重定向指向了home组件，redirect的指向与path的必须一致。children里面是子路由，当然子路由里面还可以继续嵌套子路由。

在 vue 中使用 router 进行前端路由，可实现不跳转切换页面或局部切换页面，而且往往需要进行局部切换页面的地方不止一个，此时就需要用到 多路由 或 路由嵌套 来实现。

使用嵌套路由的地方一般是用户中心、管理后台等。一级路由进入左面的功能菜单，右面是二级路由的空间。

在用vue-cli脚手架生成项目之后，在app.vue和main.js里面简单修改一下，用来测试路由的连通性，具体代码把官网上的抄下来就可以。

如果是路由后接路由，你就要只要把第二个路由的LAN口改成19161就可以了，这个就登陆路由的IP，网线同样是插WAN口。

Q3: 如何在vue里面访问php

ajax跨域可以用jsonp的方式来传递数据，也可以在被请求的页面上加入header：Access-Control-Allow-Origin：*，*代表任何请求来源，也可以改成指定的IP或域名进行限制，不过这种方法安全级别较低，不能用来获取安全要求较高的数据。

vue在服务端部署时，我们都知道通过npm run build 指令打包好的dist文件，通过http指定是可以直接浏览的，Thinkphp通过域名指向index.php文件才可以浏览。

前端请求要么GET要么POST。你在php里面获取的话可以使用超全局变量： $_GET/$_POST。根据对应的请求方式可以直接获取到所有的请求数据。

你都说了是前后端分离，就不需要把vue嵌套php代码里。前后端用纯接口交换数据，找后端同事定义好restful接口，清楚返回的数据结构，接下来前端这块你就可以自己mock数据进行开发了。

首先要保证通过浏览器访问这个php文件能正常打印json字符串才行，从console.log打印的来看是把dm.php文件的内容给打了出来，看样子应该是php文件没有解析。

Q4: 在vue中使用Iframe嵌套问题

实现：结合2问题，用v-if控制页面一进来，只加载一个默认的系统；tab切换的时候再利用v-if去加载该系统的资源；v-if只控制一次，不会随着tab的切换变化，这样就能保证切换系统时保留了用户的操作。

vue使用iframe只能嵌套一层不好。当多次更改iframe-src属性后，调用router.go是负一，不能实现路由后退上一级，而是将iframe当作一个窗口文档，调用了该窗口文档的window.history.go负一，并未更改父级项目的路由后退功能。

首先在vue页面里面通过iframe 的形式引用 注意 ref的值和 name的值我这里保持一致了，接下来都会有用到。

一个网站用iframe，嵌入另一个网站vue的url能嵌入的。建议使用微前端嵌套，或者将需要嵌套的页面打包好后再嵌套。因为是两个vue项目，现在菜单系统的vue项目使用iframe来嵌入另一内容vue项目。登录得到的token不能共享。

关于vue嵌套数据php和vue多层嵌套数据绑定的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。