vuejs2 - VueJS 中需要

Question

所以我在这方面遇到了一些问题。我的页面上有一个导航。问题是当我创建一个新页面时，我必须重写整个导航。如果发生变化，我必须在所有页面中进行更改。

我想看看是否有办法在我的所有模板中“要求”我的导航。在 PHP 中，我可以使用 require "navigation.html"; ，它会在页面上加载我的导航，它们的功能与 VueJS 中的类似吗？

Answer 1

在 Vuejs 中，组件可以定义为本地或全局，具体取决于您要在何处使用组件。

例如:

这是我们的组件:

Vue.component('hello', {template: `<p> Hello </p>`});

这是我们的 Vue 实例:

new Vue({
  el: '#app'
})

并这样做:

<div id="#app">
  <hello />
</div>

将在 div#app 内的任何位置显示 hello 组件，因为我们创建了一个全局组件:

如果您想显示特定组件的组件，请将组件名称传递为:

<template>
 <div>
  <hello />
 </div>
</template>

<script>
var hello = {
  template: `<p> Hello </p>`
}
export default {
  components: {
    'hello': hello
  }
}

在第二个示例中，您将拥有一个 hello 组件，该组件仅适用于您将其注册到的组件