问vue.js v-on:click.native未在刀片文件laravel中触发

EN

@extends('layouts.app')

@section('content')
<div id="home" class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Dashboard</div>

                <div class="card-body">

                    <button type="button" class="btn btn-primary" v-on:click.native="test">Primary</button>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    var home = new Vue({
        el: '#home',
        data: {
            message: 'Hello Vue.js!'
        },
        methods: {
            test() {
                console.log('test')
            }
        }
    });
</script>
@endsection