Fork me on GitHub

VUE公共组件的使用

发表于 | 分类于 | | 本文总阅读量 次
字数统计: 74 | 阅读时长 ≈ 1

创建一个组件

imgTarg.vue

1
2
3
4
5
6
7
8
9
10
11
12
<template>
......
</template>
<script>

    export default {
        props:["imgUrl","keyId"]
    }
    
</script>
<style scoped>
</style>

引入组件

1
2
import imgTarg from './components/imgTarg'
Vue.component('img-targ', imgTarg);

使用(在需要的组件中)

1
<img-targ v-for="(data,index) in data" :key="index" :imgUrl="data" :keyId="index"></img-targ>
显示 Gitment 评论