this.$options 可以获取自定义属性时。
直接举个例子吧:
<template>
<div>
<el-button @click="handleclick">点击</el-button>
<label>自定义属性显示</label>
<el-input type="text" :value="mydata"></el-input>
<el-input type="text" :value="mydata1"></el-input>
<el-input type="text" :value="mydata2"></el-input>
<el-input type="text" :value="mydata3"></el-input>
</div>
</template>
<script>
export default {
myoption: 'myoption',
data () {
return {
mydata: 11111,
mydata1: 12345,
mydata2: 44444,
mydata3: 44444
}
},
methods: {
handleclick () {
this.mydata = this.$options['myoption']
this.mydata1 = this.$options.myoption
this.mydata3 = this.$options['myoption1']
this.$options.myoption1 = '888888'
this.mydata3 = this.$options['myoption1']
}
}
}
</script>
this.$options 即可以获取自定义属性,也可以增加自定义属性,而且,获取自定义属性的方法有两种。
this.mydata = this.$options['myoption']
this.mydata1 = this.$options.myoption
效果图如下: