D3 Examples - Simple Multi-View Routing with Page.js and Vue.js

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Simple Multi-View Routing</title>
    <script src="js/page.js"></script>
    <script src="js/vue.js"></script>
    <link rel="stylesheet" type="text/css" href="css/app.css">
</head>
<body>
    <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/page1">Page 1</a></li>
        <li><a href="/page2">Page 2</a></li>
    </ul>
    <div id="app">
        <div id="leftpane" v-view="leftView">{{leftData}}</div>
        <div id="centerpane" v-view="mainView">{{msg}}</div>
        <div id="rightpane" v-view="rightView">{{rightData}}</div>
    </div>
​
    <script src="js/app.js"></script>
</body>
</html>
​
    