如何实现JavaScript Cascades ..？

npm install cascades

<script src="node_modules/cascades/dist/cascades.min.js"></script>

<div id="app">
  <div data-cascade="view">
    <div data-cascade="section">
      <h2>Section 1</h2>
      <p>This is the first section of the app.</p>
    </div>
    <div data-cascade="section">
      <h2>Section 2</h2>
      <p>This is the second section of the app.</p>
    </div>
  </div>
</div>

<template>
  <div>
    <div data-cascade="view">
      <div data-cascade="my-custom-component">
        <p>This is my custom component</p>
      </div>
    </div>
  </div>
</template>

<script>
import { View } from 'cascades';

export default View.extend({
  data: function() {
    return {
      message: 'Hello, world!'
    }
  }
});
</script>