关于 vuejs 和 Laravel 结合后,生命周期的问题

这是一个比较怪的问题。

本来不想提问的,还是大家一起讨论下吧,估计以后也会有其他朋友遇到这个问题。

描述一下过程:

laravel new了一个项目后,反正vue什么的都有了,这里就不啰嗦了。

然后在app.js里通过 Vue.component的方式引入组件(值得注意的是项目中,同时使用了blade和vue)

Vue.component('home-index', require('./components/home/index.vue').default)

类似这样引入的。然后说一下Controller的形式,也是非常的简单:

......
......
class  HomeController  extends  Controller
{
public  function  index()
{
return  view('home.index');
}
......

再然后 home.index里面是这样的:

@extends('master')
@section('content')
<home-index></home-index>
@endsection

在resources/js/components下面有一个home/index.vue

然后在 index.vue里面,使用 created() 和 mounted(),发现都不执行了。

有意思...

xoxojzz
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 3
xoxojzz

解决方案是把Vue通过html引入就OK了。蛮搞的

4年前 评论
leo

没有遇见过这个问题,目测是你 master.blade.php 没写对

4年前 评论
Shuyi

看来是……你没有加入你的 app.js, Vue是通过 Laravel Mix编译的,

4年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!