Vue基础模板

<template>
  <div>
    <!-- Your HTML code here -->
  </div>
</template>
export default {
    name: "MyComponent", // 组件名称
    components: { // 子组件
    },
    mixins: [    // 混入 
    ],
    props: { // 组件的属性
        
    },
    data() { // 组件的数据
      return {

     };
    },
    computed: { // 计算属性

    },
    watch: { // 监听属性

    },
    created() { 

    },
    mounted() {

    },
    methods: { //  方法
    },
    directives: { // 指令
    },
    filters: { // 过滤器
    },
    provide() { // Vue 依赖注入
      // 在这里编写 provide 函数的代码
    },
    inject: { // Vue 实例注入
      // 在这里定义你的注入属性
    },
    extends: { // 继承属性
    },
    model: { // 组件的数据
      
    },
    parent: { // 父组件

    },
    functional: false, // 是否是函数式组件
    inheritAttrs: true, // 是否继承父组件的属性
    comments: false, // 是否在渲染输出中包含注释
    delimiters: ["{{", "}}"],  //自定义模板字符串的分隔符
};
</script>