vue2组件的书写方法

Posted Frazier@梁超

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2组件的书写方法相关的知识,希望对你有一定的参考价值。

<template>
  <div>
      //页面基本布局
  </div>
</template>

<script>
export default {
components: { },//导入的子组件要在此注册
  name: '',//当前组件的名字
  data() {
    return {};//可以定义数据及变量
  },
  mounted() {},//页面初始化显示数据调用
  methods: {},//存放方法
  computed: {},//计算
  watch: {},//监听
};
</script>

<style lang='scss' scoped>
//样式
</style>

 

以上是关于vue2组件的书写方法的主要内容,如果未能解决你的问题,请参考以下文章

vue2.0学习笔记之组件

vue2.0 代码功能片段

vue2.0有哪些变化

vue2能用vue3封装的组件

如何在 Vue2 中通过 HTML 运行组件的方法

vue2.0 父子组件通信 兄弟组件通信