vue定义组件

最新推荐文章于 2023-04-27 10:32:00 发布

baichen1370

最新推荐文章于 2023-04-27 10:32:00 发布

阅读量105

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/v616/p/11262430.html

版权

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>

效果：