Show bokeh chart in vue

Installation

npm i bokeh-vue --save

Usage

1<template>
2  <div>
3    <bokeh-vue :plot="plot"></bokeh-vue>
4  </div>
5</template>
6
7<script>
8import BokehVue from 'bokeh-vue'
9export default {
10  components: {
11    'bokeh-vue': BokehVue
12  },
13  data () {
14    plot: {}
15  },
16  mounted () {
17    this.plot = {
18      'bokehVersion': '1.0.2',
19      'div': '["<div class="bk-root" id="74694b03-e536-4de1-b629-e5c7cc63a5fa"></div>"]',
20      'script': '["(function() {↵  var fn = function() {↵    Bokeh.sa…t.addEventListener("DOMContentLoaded", fn);↵})();"]'
21    }
22  }
23}
24</script>

You must input the value of 'bokehVersion'

The type of 'div' and 'script' is array

Backend python code

1script, div = components(p, wrap_script=False)
2return {'div':div, 'script':script}