搭建 Laravel +Vue + Element 框架

最新推荐文章于 2024-07-25 00:55:42 发布

楚瑞涛

最新推荐文章于 2024-07-25 00:55:42 发布

阅读量1.1w

点赞数 5

本文链接：https://blog.csdn.net/cong____cong/article/details/87542155

版权

本文详细介绍了如何在Laravel 5.7环境中搭建集成Vue 2.5和Element-UI的项目。首先确认Laravel已自带Vue依赖，接着安装Element-UI并引入到项目中。然后配置Vue-router，包括创建router.js和App.vue文件，最终完成框架的搭建。过程中可能会遇到Laravel Mix的安装问题，解决后即可成功运行项目。

摘要由CSDN通过智能技术生成

Laravel 版本：5.7

Vue 版本：2.5

前提：在此之前我们已经搭建好了支持 Laravel 5.7 的框架，如果有不明白的地方可以参考往期文章

安装依赖

laravel中是自带vue的依赖的，执行

cnpm install //cnpm淘宝镜像，npm的速度比较慢，速度慢的请换源

安装完成后，项目中将会多一些文件

ExampleComponent.vue 是系统创建的一个 vue 例子

查看 app.js ，发现在里面引入了事例组件

在 resources 文件夹中的 view 文件夹创建 index.blade.php

在其中输入

<!doctype html>
<html lang="{
  { app()->getLocale() }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{
  { csrf_token() }}">
    <title>Laravel</title>

</head>
<body>
<div id="app">
    <example-component></