Template:HBUT-China/NoteBook.js

 var app = new Vue({
           el: '#notebookapp',
           data: {
               activeNames: ['11'],
               navList: [
                   {
                       data: '2019.5',
                       distance: 'date1',
                   }, {
                       data: '2019.6.1 ~ 6.10',
                       distance: 'date2',
                   }, {
                       data: '2019.6.10 ~ 6.20',
                       distance: 'date3',
                   }, {
                       data: '2019.6.20 ~ 6.30',
                       distance: 'date4',
                   }, {
                       data: '2019.7.1 ~ 7.10',
                       distance: 'date5',
                   }, {
                       data: '2019.7.20 ~ 7.25',
                       distance: 'date6',
                   }, {
                       data: '2019.7.25 ~ 8.5',
                       distance: 'date7',
                   }, {
                       data: '2019.8.25~9.10',
                       distance: 'date8',
                   }
               ]
           },
           methods: {
               handleChange(val) {
                   console.log(val);
               },
               scrollEle(data) {
                   document.getElementById(data).scrollIntoView();
               }
           },
           mounted() {

           },
           created() {
               console.log('create')
           }
       })