Vue.js custom render

A Vue.js custom render function is used to display a customizable box containing text or list sections.

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Vue.js custom render</title>
  <link type="text/css" href="index.css" rel="stylesheet"/>
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
  
  <div id="app">
    <sections :value="sections1"/>
    <sections :value="sections2"/>
  </div>
  
  <script src="index.js"></script>
</body>
</html>
    

https://d3js.org/d3.v4.min.js

https://unpkg.com/vue/dist/vue.js