vue.js组件使用components
Posted 邢帅杰
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue.js组件使用components相关的知识，希望对你有一定的参考价值。
组件路径：/views/home/components/bottom.vue 示例：
<template>
<div>
<h1>底部信息</h1>
<div>{{copyright}}</div>
</div>
</template>
<script>
export default {
name: "bottom",
props:["copyright"]
};
</script>
组件建立在components文件夹下，传值使用props，参数是数组形式。
使用主键示例：三行红色
<template>
<div>
<h1>首页</h1>
<bottom copyright=‘xxxxx 2020‘></bottom>
</div>
</template>
<script>
import bottom from ‘@/views/home/components/bottom‘
export default {
name: "home",
components: { bottom },
data() {
return {
};
}
};
</script>
以上是关于vue.js组件使用components的主要内容，如果未能解决你的问题，请参考以下文章