vue是怎么做到前端分离的--脱离laravel为例

最新推荐文章于 2023-01-03 22:04:32 发布
VIP文章 最新推荐文章于 2023-01-03 22:04:32 发布
阅读量1.3w 收藏 3
点赞数
分类专栏： 积累经验 文章标签： Vue 前端 前端分离
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wmwmdtt/article/details/53946161
版权

  首先表示折腾了十来天的php-laravel框架和vue的结合开发又偏前端实在是太大的阻碍,首先laravel的机制就是写完路由router再加载blade模板的.如果要在laravel工程里面加载一个.vue文件,必须通过一个 blade模板再导入vue.js.

  近期接触了前端较前卫的思想,那就是压缩打包代码+组件化开发.

这种思路就由不得传统的html的前端静态代码的,传统的静态项目的代码是这样的:


而这样子很不利与组件化开发, 换言之就是改动了一处,需要凭记忆+个人能力+注释清楚来修改其他文件(如果改的不只是一处的话,那对于维护web的程序员来讲简直是噩梦)

于是前端有个很厉害的东西叫:脚手架,在vue里就是vue cli 

这玩意只要一句init的命令行就能生成一堆项目的文件,开发起来相当方便

最低0.47元/天 解锁文章
也不是什么极客
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
laravel-vue-admin:Laravel + Vue实现前阶段分离的后台管理系统https
03-11
laravel-vue-admin是一套基于Vue全家桶（Vue2.x + Vue-router2.x + Vuex）+ Laravel的前分离框架。后台所需要的功能模块 前一级分离设计，前端代码在admin目录，除以前后台页面；细分代码在laravel目录下， 主要技术...
laravel5.8+vue-element-admin 前后端分离项目----前端
weixin_42489159的博客
05-30 2945
laravel5.8+vue-element-admin 前后端分离项目 前端： vue-element-admin 该框架有关文档：https://juejin.im/post/59097cd7a22b9d0065fb61d2 ：https://element.eleme.cn/#/zh-CN/component/installation 参考的这个整理的动态权限管理项目：https://github.com/6ag/customer-service/tree/master/customer-servic
php和vue怎么结合
weixin_42581846的博客
01-03 2505
可以通过使用 PHP 后端开发框架，例如 Laravel 或 CodeIgniter，将 Vue.js 用作前端 JavaScript 框架。 步骤如下： 在 PHP 后端项目中安装 Vue.js。 在 PHP 模板中引入 Vue.js 文件。 使用 Vue.js 编写前端代码，并使用 PHP 后端提供的数据进行渲染。 将 Vue.js 编译为前端静态资源，并使用 PHP 后端框架的路由系统加载...
连接前端vue项目和php后端,PHP+VUE实现前端和后端数据互通（宝塔面板）
weixin_35890888的博客
03-18 3291
基于element和vue的一个简单的后台管理页面基础模型(这里我用了php从数据库获取数据然后在JS区域接收了获取的数据。PS：不会用axios)直接附上所有代码：数据库：mywu 用户名：root 密码：root 数据表：testheader("Content-type:text/html;charset=utf-8");$host = "localhost";$username = 'roo...
vue和php混用,在PHP中，使用Vue.js的教程
weixin_30654137的博客
03-10 5557
在本教程中，您将学习如何在PHP Web项目中使用Vue.js。前提条件在项目中使用PHP和Vue.js需要具备一些先决条件。显然，你需要在本地开发机器上安装PHP。如果你没有安装PHP，请访问官方网站了解更多关于安装过程的信息，你也可以按照系统的官方文档使用系统包管理器安装PHP你需要具备PHP和JavaScript的基本工作知识正在创建项目的PHP/Vue.js文件夹在本教程中，将不使用CLI...
vue (router)路由分离
周家大小姐
08-29 1448
main.js中的内容: import Vue from 'vue' import VueRouter from 'vue-router' import routers from './routers'//和src同级 import App from './App' Vue.use(VueRouter) // 把routers.js中的路由在Main.js中实例化 const router...
laravel-vue-form-validator:Laravel 前端验证器
08-04
使用后端逻辑验证表单的简单方法。 :fire: 如果你使用 Laravel，这个包与完美匹配。... npm install laravel-vue-form-validator yarn add laravel-vue-form-validator 用法 import Vue from 'vue'
vue-laravel-file-manager:即时存储，共享和获取文件-使用Vue + Laravel的私有云MVP
04-06
Vue + Laravel文件管理器 即时存储，共享和获取文件-使用Vue + Laravel的私有云MVP。 安装设置 运行以下命令以安装供应商： composer install npm install 在.env中设置数据库并运行以下命令： ...
laravel-vue-admin：Laravel和vue-element-admin前一级分离的后台管理系统
02-10
Laravel-Vue-Admin主要优势在于前分离，具有一键生成功能，页面公共组件强大。串行接口逻辑部分，也就是Service通过Laravel容器进行管理，发挥出Laravel的优势。重复的工作，为喜欢VuePHP工程师提供便利。laravel-...
laravel-mix-svg-sprite:用于Laravel Mix的SVG Sprite组件
05-01
laravel-mix-svg-sprite 用于Laravel Mix的SVG精灵组件，包装了和。 安装 使用npm安装： $ npm install --save-dev laravel-mix-svg-sprite 用法 该组件向Mix添加了一个额外的API，以创建单独的SVG文件的SVG子画面...
laravel封装一个常用的前后端分离的框架
anyhowanywhere的博客
08-03 1615
laravel8 封装自己前后端分离的框架
vue 路由分离
忆凌波的专栏
03-19 524
1.新建router文件夹并且新建router.js 文件 以下为router.js的内容 //新建router文件夹并且新建router.js 文件 以下为router.js的内容 import Vue from 'Vue'; //1.引入路由 import VueRouter from 'vue-router'; Vue.use(VueRouter); //2.创建组件 ...
Java前端Vue-5(复习Vue)
weixin_45764461的博客
09-15 671
1 Vue复习-商品管理系统 目的：1 回顾Vue的基本用法 2 以这个练习为切入点，讲解前后端分离的开发方式 1 案例需求 完成商品的查询、新增、修改、删除等操作 前端（浏览器端）：vue 后端（服务器端）：spring boot+spring mvc+mybatis 2 数据库设计与表结构 CREATE TABLE `t_goods` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(255) DEFAULT NULL, `imag
vue如何和PHP交互,VUE中如何使用Vue-resource完成交互
weixin_34600909的博客
03-17 1269
本篇文章主要介绍了VUE中使用Vue-resource完成交互，内容挺不错的，现在分享给大家，也给大家做个参考。本文介绍了VUE中使用Vue-resource完成交互，分享给大家，具体如下使用vue-resource引入vue-resourcevue-resource就像jQuery里的$.ajax，是用来跟后端交互数据的，vue-resource是vue的一个插件，所以我们在开始使用vue之前，...
elemenetui 布局_详解Vue Elememt-UI构建管理后台
weixin_35934037的博客
02-23 461
安装我使用的是 vue-cli 初始化项目，命令如下：npm i -g vue-climkdir my-project && cd my-projectvue init webpack修改 package.json 文件：..."dependencies": {"vue": "^2.5.2","vue-router": "^3.0.1","element-ui": "^2.0.7"...
vue结合php增删改查实例,详解Vue结合后台的列表增删改案例
weixin_39946239的博客
03-28 243
首先列表内容还是与之前的列表内容类似，不过此处我们会采用Vue中数据请求的方式来实现数据的增删。那么我们使用的Vue第三方组件就是vue-resource，vue发起请求的方式与jQuery的ajax相似，组要是请求地址与参数。和方法首先我们先看到的是列表请求获取列表IdNameCTimeOperation{{ item.id }}{{item.title}}{{item.description}...
laravel 前后台路由分离
woshihaiyong168的博客
12-28 1813
在laravel中创建文件放置前台和后台控制器 找到app/providers/RouteServiceProvider.PHP文件 在内配置 例： [plain] view plain copy print?   namespace App\Providers;    use Illuminate\Routing\Router;  use Illumin
【Laravel+Vue.js全栈开发之路】
In客笔记
07-24 1125
我们在命令行下使用命令： # 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖，走你$ cd my-project$ npm install$ npm run dev 然后我们安装element-UI # 安装element-UInp
laravel + Vue 前后端分离 之 项目配置 - 开发环境
星辰大海
07-15 5891
既然你来到查看这篇文章,那么你应该知道PHP 版本 >=7. 接着看一下目录 |-blog |-- api |-- front 目录外部很简单,,不多说了,赶紧看重点 配置Laravel 作为前端 Api 接口 安装Composer yum install composer 安装Laravel 在终端中通过 Composer 的 create-project 命令来安装...
外卖项目-前后端分离-前端vue-后端springboot
最新发布
07-16
外卖项目的前后端分离是指将项目的前端部分和后端部分进行分离开发，前端使用Vue框架，后端使用Spring Boot框架。 前端使用Vue框架可以提供良好的用户界面和交互体验。Vue具有组件化的特点，使得前端开发更加模块化...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值