vue完整模版,可以加入ide做快捷代码片段

ide代码片段。比如,输入vue,可以输出下面vue模版

<template>
  <div></div>
</template>
<script>
  //这里导入其他文件(组件,工具js模块,第三方js模块,json文件,图片,样式等)
  //import 组件名称 from '组件路径'
  export default {
    //import导入的组件需要添加到这里才可以使用
    components: {},
    //从父组件传递得到的数据。类似变量的类型声明,类型,初始值等
    props: {},
    data () {
      //存取绑定的数据
      return {}
    },
    //计算属性,类似data概念
    computed () {
    },
    //监控data数据中的变化
    watch () {
    },
    //方法
    methods () {
    },
    //生命周期,创建之前
    beforeCreate () {},
    //生命周期 创建完成,可以访问this实例
    created () {},
    //生命周期,挂载之前
    beforeMount () {},
    //生命周期 挂载完成,可以访问dom元素
    mounted () {},
    //如果页面有keep-alive缓存功能,这个函数被触发
    activated () {},
    //生命周期,更新之前
    beforeUpdate () {},
    //生命周期,更新之后
    updated () {},
    //生命周期,销毁之前
    beforeDestroy () {},
    //生命周期,销毁完成
    destroyed () {}
  }
</script>
<style scoped>
  /*@import url('公共css路径');*/
</style>

猜你喜欢

转载自blog.csdn.net/cxionc123/article/details/106716827
今日推荐