如何在blade文档中使用Vue组件

！！！！转载请注明作者和本文链接！！！！
PS:本文假设你已经建好了laravel工程，有一点blade模板和vue的基础

直接上步骤！
1.首先我们在 "工程目录/ resources/assets/js/components" 目录下新增一个Vue组件(也就是增加一个.vue文件)
比如Welcome.vue：

2.去"工程目录/ resources/assets/js/app.js"里注册组件

Vue.component('example-component', require('./components/ExampleComponent.vue'));

Vue.component('welcome', require('./components/Welcome.vue'));  //在这里添加注册，第一个是组件名，第二个参数是组件路径

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

3.在blade模板里面加入一个id为app的标签，并在标签里面使用的组件名

@extends('Base.base')

@section('title','欢迎')

@section('pageStyle')

@stop

@section('content')
    
   
          
    
@stop

@section('pageScript')

@stop

然后就OK了！！！

！！！！转载请注明作者和本文链接！！！！