vue中＜component＞和v-bind用法

ps酷教程

于 2022-07-25 21:12:58 发布

阅读量1.4k

点赞数

分类专栏：前端学习文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_16992475/article/details/125983536

版权

前端学习专栏收录该内容

145 篇文章 7 订阅

订阅专栏

<template>
    <div>
        appMain
        // is可传值, 来决定渲染的元素, v-bind将多个属性绑定到元素身上
        <component :is="eleType" v-bind="{href:'http://www.baidu.com',target:'_blank'}">
            百度
        </component>
    </div>
</template>

<script>
  export default {
    name: 'AppMain',
    data () {
      return {
      }
    },
    computed: {
      eleType () {
        return 'a'
      }
    }
  }
</script>

<style scoped>

</style>