Javascript 为什么不呈现组件数据对象特性

“我的组件”数据对象中的属性在前端中不使用。我是Vue的新手，所以我希望能学到一些新东西

在这个快速布局实现之后，我安装了组件，一切正常：

我确实将变量

hiddenRight

设置为true，但在前端，它不起作用：

data () {
    return {
        minifiedLeft: false,
        minifiedRight: false,
        hiddenLeft: false,
        hiddenRight: true,
    };
},

在my vue inspector中，

数据

对象中的所有属性都设置为false。似乎他们没有得到更新

浏览器缓存已禁用：

每次保存项目时都会重新加载站点。 你能给我一点提示吗

提前谢谢

完整代码：main.js

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

new Vue({
   render: h => h(App)
}).$mount('#app')

App.vue

内容！
我的同僚们都是精英。《劳动法》中的劳动法是否适用于《宪法》和《宪法》？铜酸盐是一种绿色物质

我的同僚们都是精英。《劳动法》中的劳动法是否适用于《宪法》和《宪法》？铜酸盐是一种绿色物质！我的同僚们都是精英。沃鲁普塔坦，你是自由女神吗？你有什么错误吗？我的脸上有一个最大的重量。最小选择！Lorem ipsum，dolor sit amet Concertetur Adipising Elite。我的朋友们，我的工作人员，我的自由建筑师，我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们！洛勒姆

导入“../node_modules/@fortawesome/fontawesome free/css/all.css”；
导入“../node_modules/vue ads layout/dist/vue ads layout.css”；
从“vue广告版面”导入{Vuedslayout、Vuedsbar、Vuedsdrawer、Vuedsmenubutton、Vuedsminifybutton}；
导出默认值{
名称：“应用程序”，
组成部分：{
VuedsiminifButton，
VuedsMenuButton，
VuHeadsdrawer，
Vuedsbar，
Vuedslayout
},
数据：函数（）{
返回{
米尼菲德夫特：错，
小恶魔：错，
左：错，
希登赖特：没错，
};
},
方法：{
缩小左（缩小）{
this.minifiedLeft=缩小；
},
hideLeft（隐藏）{
this.hiddenlight=隐藏；
},
缩小权限（缩小）{
this.minifiedRight=缩小；
},
隐藏（隐藏）{
this.hiddenRight=隐藏；
},
}, 
}
@导入“reset.scss”；
@导入“variables.scss”；
@导入“layout.scss”；

看起来像chrome缓存。尝试禁用它。在控制台设置中选择“在开发人员工具打开时禁用缓存”谢谢，但此设置已被选中如何/在何处设置为true？这是哪个组件的数据，应用程序的数据，还是某个子组件的数据？您可以共享组件的其余部分吗？@DanOswalt我在数据对象中手动将“hiddenRight”的值设置为true，以默认隐藏正确的抽屉。