我的組件沒有顯示-vuejs-laravel

Question

試圖在我的刀片中顯示組件，但它仍然無法正常工作。我使用了 laravel 7

有我的 vue

<template>
    <h3>Option Values</h3>
</template>
<script>
    export default {
        name: "attribute-values",
        props: ['attributeid'],
    }
</script>

在我看來，我是這樣稱呼它的

<div class="tab-pane" id="values">
          <attribute-values :attributeid="{{ $attribute->id }}"></attribute-values>
                </div>

我將它導入到 js 文件中

Vue.component('attribute-values', require('./components/AttributeValues.vue').default);

有我的 package.json 文件

"devDependencies": {
    "axios": "^0.19",
    "bootstrap": "^4.0.0",
    "cross-env": "^7.0",
    "jquery": "^3.2",
    "laravel-mix": "^5.0.1",
    "lodash": "^4.17.19",
    "popper.js": "^1.12",
    "resolve-url-loader": "^2.3.1",
    "sass": "^1.20.1",
    "sass-loader": "^8.0.0",
    "vue": "^2.5.17",
    "vue-template-compiler": "^2.6.10"
},
"dependencies": {
    "vue-swal": "^0.1.0",
    "vue-js-modal": "^1.3.26"
}

我該怎么辦。先謝謝你。 我多次運行 npm run dev 和 npm run watch 。 我的文件 js 是在 public 文件夾中生成的，所以沒有問題。 但組件仍然沒有出現。

Answer 1

我解決了。 我所做的就是將 div id=app 與我的內容分開。因為標簽與 vue 不匹配。我在我的 js 文件中添加了如下所示的 vue.use(component)：

 import AttributeValues from './components/AttributeValues.vue'
    Vue.use(AttributeValues);
    
    Vue.component('attribute-values', require('./components/AttributeValues.vue').default, {
        name: 'attribute-values'
    });

希望它能解決某人的問題。