Question

我有一个使用react.js框架的javascript网站，最近我才开始使用vue.js重建我的网站。我试图添加一些变量，但是这样做有点麻烦，研究没有如我所愿。

这就是我想在vue.js中重新创建的react.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>

Answer 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>

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

1 个答案: