vue-cli内.vue组件嵌套.vue组建

wx_lidysun

于 2018-06-07 15:09:30 发布

阅读量1.8k

点赞数

分类专栏：框架插件文章标签： vue VUE组建 VUE组建嵌套

本文链接：https://blog.youkuaiyun.com/lidysun/article/details/80609682

版权

框架插件专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一个名为Googs的应用中Vue.js组件的定义与使用方式，包括基础组件的自定义和样式设置。通过具体示例展示了如何在Vue项目中创建和注册自定义组件，并为这些组件应用特定的样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <div>
      <p class="p1">Hello ,This is {{page_name}} now</p>
      <test/>
      <!-- 3.使用 -->
      <hello></hello>
  </div>
</template>
<script>
// 1.引入
import HelloWorld from '@/components/HelloWorld'

export default {
  name: 'Googs',
  data () {
    return {
        page_name: 'Googs Page address'
    }
  },
  // 2.注册
  components:{
    'test':{
        template:'<p>test</p>'
    },
    'Hello':HelloWorld
  }
}
</script>
<style scoped>
.p1{color:red}
</style>

.vue组件嵌套.vue组建