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

Posted

技术标签:

【中文标题】需要帮助在 Vue.js 框架中设置变量【英文标题】:need help setting up variable in Vue.js framework 【发布时间】: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 我进行了编辑,不认为这是足够好的代码来提出问题并且实际上要删除但它是我得到的最接近的东西 【参考方案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 框架中设置变量的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 css 或 js 根据 vue.js 中的条件在打印页面中设置不显示?

需要帮助在 JSX 中设置条件

在哪里放置代码以在 Vue.js 中设置 Firebase 身份验证状态持久性?

在 Vue.js + Firebase 中设置项目的更好方法是啥? [复制]

如何在 Vue.js 中设置 optgroup 选择标签?

如何在vue js中设置默认日期