- 别人在调用我们写的组件时,虽然要实现的结构一样,但如果别人想改一下显示的内容或者之类的,该怎么做呢;
- 这时候就要提到“传参数”这个词了,别人可以通过传不同的参数,来实现他们具体的结构;
传参之前的代码:
<body>
<div id="box">
<navbar></navbar>
<navbar></navbar>
</div>
<script>
Vue.component("navbar",{
template:`
<div>
<button>left</button>
<span>nav</span>
<button>right</button>
</div>`
})
//根组件
new Vue({
el: "#box",
data: {
},
})
</script>
</body>
结果: