Vue:Vue的开发者工具不显示Vue实例中的data数据

一、情况描述

代码:
Vue:Vue的开发者工具不显示Vue实例中的data数据_第1张图片
页面:
Vue:Vue的开发者工具不显示Vue实例中的data数据_第2张图片
可以看到,input获取到了data数据,但是,vue-devtool没有获取到data数据

二、解决办法

解决办法1:
data.name的值不能全是中文,比如改成aa尚硅谷
Vue:Vue的开发者工具不显示Vue实例中的data数据_第3张图片
Vue:Vue的开发者工具不显示Vue实例中的data数据_第4张图片
解决办法2:
data中不要用name作为key,比如,改成address
Vue:Vue的开发者工具不显示Vue实例中的data数据_第5张图片
Vue:Vue的开发者工具不显示Vue实例中的data数据_第6张图片

你可能感兴趣的:(前端,vue.js,javascript,前端)