代码之家  ›  专栏  ›  技术社区  ›  Tarasovych

带有Laravel 5.5的Vue单文件组件

  •  1
  • Tarasovych  · 技术社区  · 6 年前

    问题:

    Test.vue :

    <template>
        <p>test</p>
    </template>
    
    <script>
        //also tried export default
        module.exports = {
            name: "test"
        }
    </script>
    
    <style scoped>
    
    </style>
    

    app.js :

    Vue.component('test', require('./components/Test'));
    
    const app = new Vue({
        el: '#app',
        ...
    });
    

    blade

    <test></test>
    

    发生了什么?

    我有一些其他的组件,工作没有错误。大概是半年前做的 npm update 把事情搞砸了,但我不确定。

    1 回复  |  直到 6 年前
        1
  •  1
  •   Baldráni    6 年前

    是否可以尝试导入组件并按以下方式添加它:

    import Test from './components/Test';
    
    const app = new Vue({
        el: '#app',
        components: {
            Test
        },
        ...
    });
    

    Components registration