我想请问前端的大佬,为啥在vue 的data中定义的一个变量,在页面上都显示不了,不知道怎么回事,

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我想请问前端的大佬,为啥在vue 的data中定义的一个变量,在页面上都显示不了,不知道怎么回事,相关的知识,希望对你有一定的参考价值。

首先 vue 中的变量要定义在 data 中

data () 
    return 
        value: '你的值'
    

在页面上可以使用双括号语法将value值显示出来

<p>value</p>

这样子就会在你写的地方显示出如同

<p>你的值</p>

一样的效果

参考技术A 在页面上要用用双括号语法比如 item

Vue i18n国际化切换data中数据不生效

参考技术A

前端维护下拉框数组由于带有国际化的原因定义在data中的下拉框列表数据不跟随语言切换而改变

对此我们将typeList列表数据定义在 computed

咦,这个时候页面数据就变了,下拉框数据跟随语言的变换改变了

由此得知以后前端定义的数据如果需要跟随国际化变换可以定义在computed中

以上是关于我想请问前端的大佬,为啥在vue 的data中定义的一个变量,在页面上都显示不了,不知道怎么回事,的主要内容,如果未能解决你的问题,请参考以下文章

为啥 vue.js 的 data 中定义的变量不能赋值给对象?

vue项目真机运行为啥没有调用摄像头?请大佬们求教

Vue i18n国际化切换data中数据不生效

vue 前端分页

前端框架vue中el 与data的其他用法

Vue为啥可以成为2019年的一匹黑马?