每个刀片或组件上都有新的Vue（）？

Question

我目前正在学习Vue.js和Laravel。

默认情况下，在app.js中创建一个新的Vue应用程序

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

所以直到现在，我一直都在创建新组件并在刀片中使用它们。

@extends('layouts.master')

@section('content')

  <add-Participants></add-Participants>
  <my-table></my-table>

@endsection

这是您应该做的吗，还是应该为每个刀片初始化一个新的Vue应用程序？

Answer 1

好吧，Laravel中有一个app.js文件（它在Vue发布之前就已经存在了），我想将Vue实例绑定到名为app的元素似乎是一个显而易见的选择。出于文档和教学目的，但我从未将其视为某种标准甚至默认值。

将整个Web应用程序包装在这样的元素中甚至可能会引起麻烦，因为有时需要多个Vue实例，但是Vue实例不能嵌套（没有解决方法或使用组件时）。

此外，请记住，我们谈论的是JavaScript，一切都在浏览器中发生，并且page1.html和page2.html上的Vue实例是分开的，即使它们从同一元素继承了某些app元素刀片模板。

所以我会说：做最适合您（应用程序）需求的事情。