vue的vm.$options使用

官网：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>

 

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

 

转载于:https://www.cnblogs.com/taohuaya/p/11582889.html