哎呀，我不能工作laravel和vue.js组件错误

Question

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

我到处都尝试过npm watch和npm dev。不起作用enter image description here

Answer 1

假设您已经installed Vue.js properly并且正在重新安装Laravel，那么这里是good reading上的Vue.js风格。

构建YourComponent.vue并将其放置在资源/ js /组件中。一个很好的起点是将ExampleComponent.vue的内容复制粘贴到新的文件中，以确保您引用它。

在您的 resources / js / app.js 中：

Vue.component('your-component', require('./components/YourComponent.vue');

注意组件的PascalCase命名

在您的刀片服务器中：

<your-component></your-component>

然后，运行npm run dev进行一次编译，或者，如果您要摆弄一堆更改（我假设您是这样），请运行npm run watch。

希望这会有所帮助！