From 51e50bd4503a32da19d818ca092784cadd8b43bc Mon Sep 17 00:00:00 2001 From: Zach Dahl Date: Thu, 27 Oct 2016 18:22:47 -0500 Subject: [PATCH] add vue 2 dbmonster example --- examples/dbmonster/vue/app.js | 51 +++++++++++++++++++++++++++++++ examples/dbmonster/vue/index.html | 15 +++++++++ 2 files changed, 66 insertions(+) create mode 100644 examples/dbmonster/vue/app.js create mode 100644 examples/dbmonster/vue/index.html diff --git a/examples/dbmonster/vue/app.js b/examples/dbmonster/vue/app.js new file mode 100644 index 00000000..c430aaea --- /dev/null +++ b/examples/dbmonster/vue/app.js @@ -0,0 +1,51 @@ +var renderStage = 0 +perfMonitor.startFPSMonitor() +perfMonitor.startMemMonitor() +perfMonitor.initProfiler("render") + +var vm = new Vue({ + el: '#app', + data: { + databases: [], + }, + methods: { + update: function () { + this.databases = ENV.generateData().toArray() + setTimeout(this.update.bind(this), ENV.timeout) + + if (renderStage === 0) { + renderStage = 1 + perfMonitor.startProfile('render') + } + }, + }, + updated: function () { + if (renderStage === 1) { + renderStage = 0 + perfMonitor.endProfile('render') + } + }, + template: '
' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '
{{ db.dbname }}' + + '' + + '{{ db.lastSample.nbQueries}}' + + '' + + '' + + '{{ q.formatElapsed }}' + + '
' + + '
{{ q.query }}
' + + '
' + + '
' + + '
' + + '
', +}) + +vm.update() diff --git a/examples/dbmonster/vue/index.html b/examples/dbmonster/vue/index.html new file mode 100644 index 00000000..6149c382 --- /dev/null +++ b/examples/dbmonster/vue/index.html @@ -0,0 +1,15 @@ + + + + + + dbmon (Vue 2) + + +
+ + + + + +