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

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

 

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

import childer from './components/childer';

接着注册

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

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

<childer></childer>

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

详情http://sharedblog.cn/post/194.html

个人博客http://sharedblog.cn/

软件下载http://iqzhan.com/