关于 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
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 3
xoxojzz

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

4年前 评论
leo

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

4年前 评论
Shuyi

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

4年前 评论

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