百变鹏仔-专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > JavaScript > 正文

vue中组件拆分 父组件中如何插入一个子组件

作者:鹏仔先生日期:2020-08-04 11:59:13浏览:4749分类:JavaScript


首先在src下建立文件夹 components ,在里面随意创建一个子组件vue文件(我创建了一个childer.vue),创建好以后,编写子组件的内容。


在父组件中,我们首先引入需要的子组件文件

import childer from './components/childer';

接着注册

export default {
  name: 'app',
  data () {
    return {
    }
  },
  components:{
    childer: childer
  }
}


最后,我们只需在父组件中,需要展示的地方写上

<childer></childer>


这样,我们自定义一个组件就完成了。


手机扫码访问

已有4位网友发表了看法:

  • 访客

    访客  评论于 [2020-08-05 17:19:10]  回复

    感觉很牛逼

    • 访客

      访客  评论于 [2020-08-05 17:19:33]  回复

      我是yuanchengkeji.cn

取消回复欢迎 发表评论:

关灯