官网:https://cn.vuejs.org/v2/api/#vm-options

直接上代码:

<template>
    <div class="demo">

    </div>
</template>

<script>
    export default {
        name: 'testComponent',
        // demo 是自定义属性 可以 通过 vm.$options.demo 获取到属性值
        demo: '自定义属性',
        //------
        data () {
            return {
                aaa: 111,
                bbb: [1, 2, 3]
            }
        },
        computed: {

        },
        watch: {

        },
        methods: {

        },
        mounted () {
            //使用 vm.$options 可以获取 实例上自定义的  属性
            console.log( this.$options.demo, '$options');  //自定义属性
            console.log( this.aaa);  //111

        }
    }

</script>

<style scoped>

</style>

通过这种方式我们可以定义一些变量 属性,避免污染全局。请视情况使用。

02-14 02:18