Vue基础

data :(在Vue中,data是一个对象,用于存储组件中的数据。)

data: () => ({
  xxx:[
    {key,value},
    ....
    {key,value}
  ]
});

export default :(在Vue中,export default是一种导出 模块的语法,它允许将模块中的变量、函数、对象等导出为公共模块,以便在其他模块中导入使用。)

export default {
  data() {
    return {
      message: ''
    }
  }
}

methods :(在Vue中,methods是一个用于定义可在Vue实例中调用的方法的选项。)

methods: {
    fuction1() {
    ...
    },//一定是用逗号分隔
    fuction2() {
    ...
    }
}

import: (导入)

import xxx from './xxx'

created :(在vue中,created钩子函数会在实例被创建之后被调用,created是一个生命周期钩子函数。)

created() {
    xxx()
  },

components :(在Vue中,components是一种用于注册组件的选项。)

components: {
    xxx
  }

watch:(选项用于监听数据变化并执行相应的操作。)

watch: {
...
}

scoped: (其实就是给每一个dom节点元素都添加了属性)

<style>
/* 全局样式 */
</style>

<style scoped>
/* 局部样式 */
</style>s
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容