所以我在这方面遇到了一些问题。我的页面上有一个导航。问题是当我创建一个新页面时,我必须重写整个导航。如果发生变化,我必须在所有页面中进行更改。
我想看看是否有办法在我的所有模板中“要求”我的导航。在 PHP 中,我可以使用 require "navigation.html";
,它会在页面上加载我的导航,它们的功能与 VueJS 中的类似吗?
最佳答案
在 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 组件,该组件仅适用于您将其注册到的组件
关于vuejs2 - VueJS 中需要,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49560611/