yyx990803

var object = {
  message: 'Hello world!'
}

yyx990803

<div id=”example”>
  {{ message }}
</div>

yyx990803

new Vue({
  el: ‘#example’,
  data: object
})

yyx990803

var example = new Vue({
  data: {
    a: 1
  },
  computed: {
    b: function () {
      return this.a + 1
    }
  }
})

yyx990803

var Example = Vue.extend({
  template: '<div>{{ message }}</div>',
  data: function () {
    return {
      message: 'Hello Vue.js!'
    }
  }
})

// register it with the tag <example>

yyx990803

<!-- MyComponent.vue -->

<!-- css -->
<style>
.message {
  color: red;
}
</style>

<!-- template -->

yyx990803

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './app.vue'
import ViewA from './view-a.vue'
import ViewB from './view-b.vue'

Vue.use(VueRouter)

const router = new VueRouter()

yyx990803

export default {
  render () {
    return <App><Text></Text></App>
  }
}

// fesfesf
// fesfsef

yyx990803

// App.js
// using .jsx extension because gist syntax
// highlighting chokes on `export default`
import ComponentA from './ComponentA'

export default {
  // use another component, in this scope only.
  // ComponentA maps to the tag <component-a>
  components: { ComponentA },
  template: `

yyx990803

// Turns a function's body into a worker
var workerify = function (func) {
    if (typeof func !== 'function') {
        throw new Error('expects a function to workerify.')
    }
    var script = func.toString().match(/^function[^{]*{((.|\n)*)}$/)[1],
        blob   = new Blob([script], {'type': 'application/javascript'}),
        url    = window.URL.createObjectURL(blob)
    return new Worker(url)
}