FCAT

Appearance

Vue2 单文件组件 ​

html
<template>
    <div>
        
    </div>
</template>

<script>
export default {
    components: {

    },
    props: {

    },
    created() {

    },
    data() {
        return {

        }
    },
    methods:{

    },
}
</script>

<style scoped>

</style>
<template>
    <div>
        
    </div>
</template>

<script>
export default {
    components: {

    },
    props: {

    },
    created() {

    },
    data() {
        return {

        }
    },
    methods:{

    },
}
</script>

<style scoped>

</style>

Vue2 侦听器 Watch ​

js
export default {
    data() {
        dateName:null,
    },
    watch: {
        dateName: {
            handler(newVal,oldVal) {
                
            },
            deep: true,
        },
    }
}
export default {
    data() {
        dateName:null,
    },
    watch: {
        dateName: {
            handler(newVal,oldVal) {
                
            },
            deep: true,
        },
    }
}

Vue2 路由跳转 传参 ​

  • 出发点
js
let routerParams_tosend = {

}

this.$router.push({
    path: 'xxx/xxx',
    query: {
        routerParams_receive: JSON.stringify(routerParams_tosend)
    }
})
let routerParams_tosend = {

}

this.$router.push({
    path: 'xxx/xxx',
    query: {
        routerParams_receive: JSON.stringify(routerParams_tosend)
    }
})
  • 目的地
js
export default {
    created() {
        console.log(JSON.parse(this.$route.query.routerParams_receive))
    }
}
export default {
    created() {
        console.log(JSON.parse(this.$route.query.routerParams_receive))
    }
}

Vue2 Script部分模板 ​

js
export default {
  components: {
    
  },
  data () {
    return {

    }
  },
  creaetd() {

  },
  methods: {
   
  }
}
export default {
  components: {
    
  },
  data () {
    return {

    }
  },
  creaetd() {

  },
  methods: {
   
  }
}