第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何將 Trading-vue 庫與 vanilla html 和 vue cdn 結(jié)合使用

如何將 Trading-vue 庫與 vanilla html 和 vue cdn 結(jié)合使用

慕田峪4524236 2023-09-21 16:35:01
<html><head>    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>    <script src =  './libs/trading-vue-js-master/dist/trading-vue.js' ></script></head><body>    <div id = "app"></div>    <test>    </test><script>    var app2 = new Vue({        name: 'app',    })       app2.use(xxxMAYBESOMETHINGLIKETHIS?xxxxx)</script></body></html>我想將交易 vue庫與 Vue 一起使用,該庫是我從 Vue cdn 導(dǎo)入的。我該怎么辦?謝謝。
查看完整描述

1 回答

?
Smart貓小萌

TA貢獻1911條經(jīng)驗 獲得超7個贊

首先確保您有一個可用的 CDN(因為您需要 CDN),例如trading-vue:


<script src="https://cdn.jsdelivr.net/npm/trading-vue-js@0.9.0/dist/trading-vue.min.js"></script>

無論您想在何處使用它,請在父components選項中注冊組件定義:


components: {

  trading: TradingVueJs.TradingVue  // Naming it 'trading'

}

給家長一些數(shù)據(jù):


data() {

  return {

    mydata: {

      ohlcv: [  // Taken from their docs, this name seems to be important

        [ 1551128400000, 33,  37.1, 14,  14,  196 ],

        [ 1551132000000, 13.7, 30, 6.6,  30,  206 ],

        [ 1551135600000, 29.9, 33, 21.3, 21.8, 74 ],

        [ 1551139200000, 21.7, 25.9, 18, 24,  140 ],

        [ 1551142800000, 24.1, 24.1, 24, 24.1, 29 ],

      ]

    }

  }

},

將該數(shù)據(jù)作為 prop 傳遞:


<div id="app">

  <trading :data="mydata"></trading>

</div>

這是一個演示:

/***** APP *****/

new Vue({

  el: "#app",

  data() {

    return {

      mydata: {

        ohlcv: [

          [ 1551128400000, 33,  37.1, 14,  14,  196 ],

          [ 1551132000000, 13.7, 30, 6.6,  30,  206 ],

          [ 1551135600000, 29.9, 33, 21.3, 21.8, 74 ],

          [ 1551139200000, 21.7, 25.9, 18, 24,  140 ],

          [ 1551142800000, 24.1, 24.1, 24, 24.1, 29 ],

        ]

      }

    }

  },

  components: {

    trading: TradingVueJs.TradingVue

  }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">

  <trading :data="mydata"></trading>

</div>


<script src="https://cdn.jsdelivr.net/npm/trading-vue-js@0.9.0/dist/trading-vue.min.js"></script>


查看完整回答
反對 回復(fù) 2023-09-21
  • 1 回答
  • 0 關(guān)注
  • 136 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號