时间戳

首页 > 解决方案 > 如何重置 Vue 组件？

laravel - 如何重置 Vue 组件？

问题描述

我的 Vue 组件中有一个奇怪的错误。我创建了索引页面，更新了 app.js 并创建了一个新组件。我还清除了我的缓存，并重述了 npm watch。我不断收到同样的错误，Vue 正在查看错误的组件。有谁知道如何解决这一问题？这是我的代码，以防我错过了什么。

指数：

@extends('layouts.app')
@section('content')

<h1> Goals</h1>

<div id="app">
  <div class="container">

    <goals></goals>

</div>
</div>
<script src="{{ asset('js/app.js') }}"></script>
@endsection

app.js 文件：

require('./bootstrap');

window.Vue = require('vue');

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

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

组件目标.vue：

    <template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card card-default">
                    <div class="card-header">Goals</div>

                    <div class="card-body">
                        This is the goals example
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

和错误：

[Vue 警告]：未知的自定义元素：- 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

如果我将视图与 News 组件交换一切正常，但我更改它的最小值会崩溃。

标签： laravelvue.js

解决方案

尝试运行php artisan view:clear你可能有一个缓存视图。

推荐阅读