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

最新推荐文章于 2024-06-28 17:44:19 发布

原创最新推荐文章于 2024-06-28 17:44:19 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #VUE组建 #VUE组建嵌套

框架插件专栏收录该内容

14 篇文章

订阅专栏

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

<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>