Question

所以我对此有点问题。我的页面上有导航。问题是当我创建一个新页面时，我必须重写我的整个导航。如果有什么变化，我必须在我的所有页面中进行更改。

我想知道是否有办法要求＆＃34;要求＆＃34;我在所有模板中导航。在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组件可用于您将其注册到

的组件

Answer 2

您只需要将组件导入另一个组件/主JS。

另一个组件

<template>
    <yourcomponent/>
</template>

<script>
import yourComponent from './yourpath';
export default {
    name: 'component',
    components: {
       'yourcomponent': yourComponent
    }
}
</script>

主要JS

import yourComponent from './yourpath';
new Vue({
    el: '#root',
    components: {
       'yourcomponent': yourComponent
    }
});

需要VueJS

2 个答案: