我想制作一个使用 laravel 框架和 vue.js 的 web 应用程序,在我进行了必要的设置并添加了框架之后,链接了两个文件,并运行浏览器注意显示。

家.vue

<template>
    <div>

        <h1>zakaria sassi</h1>
    </div>
</template>

欢迎.blade.php

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Laravel</title>

        <!-- Fonts -->
        <link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">


    </head>
    <body>
       <div id="app">
       <home></home>
       </div>

       <script src="{{ asset('js/app.js') }}" defer ></script>
    </body>
</html>

应用程序.js

require('./bootstrap');

window.Vue = require('vue');


Vue.component(
'home',
  require('./components/home.vue'));


const app = new Vue({
  el: '#app',
  router,
});

webpack.mix.js

const mix = require('laravel-mix');


mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

  ask by Zakaria translate from so

本文未有回复,本站智能推荐:

7回复

强制注销 Laravel 中的所有用户

如何强制所有用户在 SPA 中注销? 我想要这样,当我部署新版本时,所有用户都会自动注销。 我尝试了以下方法,但我不确定这是否是最安全的方法。
4回复

将锚链接设置为Laravel中的地址会出现错误

在我的Laravel应用程序中,当我尝试将在网站上发布的人员的用户名与其个人资料页链接时,代码如下: 它给出了错误: 抱歉,找不到您要查找的页面。 RouteCollection.php第161行中的1/1 NotFoundHttpException: 但是,当
2回复

如何在 Laravel 中结合会话和 API 身份验证?

我有一个只有 3 个表的简单项目。 users 、 table2和table3 。 用户架构 其他 2 个表可通过 API 资源访问。 以下是我的路线: 路线/ web.php 路线/api.php 我在Table1Controller和Table2Controller添加了au
1回复

Laravel-方法[orderBy]在Axois请求中不存在

我正在尝试从数据库中获取一些记录,并且正在获取Method [orderBy] does not exist我正在使用Axois发出此请求。 路线 控制器代码 型号代码 Vue模板
2回复

如何在Laravel中检索Ajax发送的对象数组

我正在将Laravel与Vuejs和AXIOS一起用于HTTP请求。 我正在发送带有对象数组的发布请求。 因此,在我的laravel存储功能中,如何从$ request中检索该数据? 我的问题数组如下所示: Laravel在控制器中的存储方法: 验证码: 在这段
1回复

Laravel 5:如何使用Vue JS获取data属性中的值

我是Vue JS的新手。 在我们的应用中,我们可以验证数据库中是否已存在该值。 我想通过使其动态来改进它。 因此,我添加了在用户键入任何内容时将data属性放在字段中的功能。 我在data属性中的值是表格,我将在其中检查该值是否已经存在。 添加 我的方法中的Add.vue
2回复

如何在资源集合中获取分页链接-Laravel 5.7.19

我正在使用laravel API资源。 当我们不使用任何资源集合时,我们会获得带有paginate(10)的分页链接等。 但是当我使用Resource :: collection时,我什么也没得到,只有我放入资源中的字段。 这是我的控制器 return response()->json([
1回复

laravel,vuejs和3rd party api

我现在正在编写一个小的网页,该网页将使用第三方API并处理数据并在表中显示返回的已处理数据,用户将能够通过表单输入来更改数据查询。 我有几个问题, 1)PHP似乎是一种冗余语言,在这里我可以在vuejs中进行Ajax请求吗? 1a)但是我希望能够缓存第三方数据,因此,如果用户两次