vue定义组件

1.定义组件

2.在App.vue里引入Home组件

home代码

<template>
  <div>home</div>
</template>

<script>
export default {
  data() {
    return {
    };
  }
};
</script>

<style>

</style>

App代码

<template>
  <div id="app">
    <v-home></v-home>
  </div>
</template>

<script>
import Home from './components/Home';
export default {
  name: "app",
  data() {
    return {
    };
  },
  components: {
    'v-home':Home
  },
  methods:{
    run(e) {
      console.log(e);
    }
  }
};
</script>

<style>

</style>

效果：

 

posted @ 2019-07-29 10:23  v616  阅读(221)  评论(0)  编辑  收藏  举报