File size: 1,989 Bytes
4d70170 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 |
import Vue from 'vue'
import store from './store'
import Target from './Target.vue'
import Other from './Other.vue'
import Init from './Init.vue'
import Counter from './Counter.vue'
import RefTester from './RefTester.vue'
import VuexObject from './VuexObject.vue'
import NativeTypes from './NativeTypes.vue'
import Events from './Events.vue'
import MyClass from './MyClass.js'
import router from './router'
import TransitionExample from './TransitionExample.vue'
import Router from './router/Router.vue'
import Hidden from './Hidden.vue'
window.VUE_DEVTOOLS_CONFIG = {
openInEditorHost: '/',
}
const items = []
for (let i = 0; i < 100; i++) {
items.push({ id: i })
}
const circular = {}
circular.self = circular
Vue.component('global', {
render: h => h('h3', 'Global component'),
})
const app = new Vue({
store,
router,
components: {
inline: {
render: h => h('h3', 'Inline component definition'),
},
},
data: {
obj: {
items,
circular,
},
},
render(h) {
return h('div', null, [
h(Counter),
h(Target, { props: { msg: 'hi', ins: new MyClass() } }),
h(Other),
h(Events, { key: 'foo' }),
h(NativeTypes, { key: new Date(), ref: 'nativeTypes' }),
h(Router, { key: [] }),
h(TransitionExample),
h(VuexObject),
h(Init),
h(RefTester),
h(Hidden),
h('global'),
h('inline'),
])
},
})
window.addEventListener('load', () => {
app.$mount('#app')
})
const app2 = new Vue({
render(h) {
return h('div', null, [
h('h1', 'App 2'),
h(Other),
])
},
})
app2.$mount('#app2')
// custom element instance
const ce = document.querySelector('#shadow')
if (ce.attachShadow) {
const shadowRoot = ce.attachShadow({ mode: 'open' })
const ceVM = new Vue({
name: 'ShadowDom',
render(h) {
return h('h2', 'Inside Shadow DOM!')
},
}).$mount()
shadowRoot.appendChild(ceVM.$el)
}
window.top.document.title = 'Vue 2 Dev Shell'
|