需要帮助在 Vue.js 框架中设置变量答案

【问题标题】：need help setting up variable in Vue.js framework需要帮助在 Vue.js 框架中设置变量
【发布时间】：2018-12-31 01:46:53
【问题描述】：

我有一个使用 react.js 框架的 javascript 网站，我最近才开始使用 vue.js 重建我的网站。我试图添加一些变量，但这样做有点麻烦，研究并没有像我希望的那样有帮助。

这是我在 react.js 中想要在 vue.js 中重新创建的内容

var dataset5=52;

<div className="bar"style={{width:dataset5+"%",backgroundColor:colorset5}}></div>

任何提示/参考将对我有很大帮助。

谢谢

编辑：

main.js：

new Vue({
  router,
  render: h => h(App),
  computed:{
    ball:"ball"  }
}).$mount('#app')
console.log(foo);

PulseOverview.Vue：

<div class="section sec2">  
  <div id="app">
     <p>{{ball}}</p>
  </div>
</div>

【问题讨论】：

你读过 Vue 文档吗？你会在这里找到答案：vuejs.org/v2/guide/class-and-style.html
我在发送之前查看了它，并且我尝试按照文档中显示的方式进行操作，但无法使其正常工作。我希望用我的代码在这里找到一个例子
然后发布您实际尝试过的内容。发布您在 React 中所做的事情并没有帮助，因为我们需要查看不工作的 Vue 代码，以便我们可以帮助您使 Vue 代码工作。以绝对的面值看待您的问题，它的意思是“请将我的 React 代码转换为 Vue 代码”，这与主题无关，因为它归结为代码请求。
@zero2987 我进行了编辑，不认为这是足够好的代码来提出问题并且实际上要删除但它是我得到的最接近的东西

标签： javascript variables vue.js

【解决方案1】：

2天后自己解决了，谢谢大家

<template>
  ...
    <h2>{{bar1name}}</h2>
    <h3>{{bar2name}}</h3>
  ...
</template>

<script>    
export default {
  props: {
    bar1name:{        
      type: Object, 
      default: function(){
        return('Listening')
      }
    },
    bar2name:{
      type: Object, 
      default: function(){
        return('Problem Solving')
      }
    },
  }
}
</script>

【讨论】：