Vue.js 2.0 test
HTML
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">{{ $responsive }}</div>
Babel + JSX
var Responsive = {};
Responsive.install = function (Vue, options) {
console.log('Install!');
var responsive = {
width: window.outerWidth
};
Object.defineProperty(Vue.prototype, '$responsive', {
get () { return Vue._responsive }
})
window.addEventListener('resize', function () {
responsive.width = window.outerWidth;
})
Vue.util.defineReactive(Vue, '_responsive', responsive);
};
Vue.use(Responsive);
new Vue({
el: '#app'
});