eirikb/ readme.md

## readme.md

      
    Raw
  

               readme.md
            
          
    npm i
npm start

Result:


## app.js
import Vue from 'vue'
import App from './app.vue'

new Vue({
  el: '#app',
  render: h => h(App)
})

## App.vue
<template>
  <div>
    <b>Hello, {{test}}!</b>
    <child></child>
  </div>
</template>

<style lang="less">
  div {
    b {
      color: blue;
    }
  }
</style>

<script type="text/babel">
  import Child from './Child.vue'

  export default {
    components: {Child},
    data() {
      return {
        test: `world`
      }
    }
  }
</script>

## Child.vue
<template>
  <b>I am child</b>
</template>

<style scoped="true" lang="sass">
  b {
    color: red;
  }
</style>

## index.html
<!DOCTYPE html>
<title>Demo</title>
<div id="app"></div>
<script src="build.js"></script>

## package.json
{
  "name": "demo",
  "scripts": {
    "server": "lite-server",
    "watch": "vuetwo app.js build.js -w",
    "start": "npm-run-all --parallel server watch"
  },
  "dependencies": {
    "lite-server": "^2.2.2",
    "npm-run-all": "^2.3.0",
    "vuetwo": "https://github.com/eirikb/vuetwo.git"
  }
}
	import Vue from 'vue'
	import App from './app.vue'

	new Vue({
	el: '#app',
	render: h => h(App)
	})
	<template>
	<div>
	<b>Hello, {{test}}!</b>
	<child></child>
	</div>
	</template>

	<style lang="less">
	div {
	b {
	color: blue;
	}
	}
	</style>

	<script type="text/babel">
	import Child from './Child.vue'

	export default {
	components: {Child},
	data() {
	return {
	test: `world`
	}
	}
	}
	</script>
	<template>
	<b>I am child</b>
	</template>

	<style scoped="true" lang="sass">
	b {
	color: red;
	}
	</style>
	<!DOCTYPE html>
	<title>Demo</title>
	<div id="app"></div>
	<script src="build.js"></script>
	{
	"name": "demo",
	"scripts": {
	"server": "lite-server",
	"watch": "vuetwo app.js build.js -w",
	"start": "npm-run-all --parallel server watch"
	},
	"dependencies": {
	"lite-server": "^2.2.2",
	"npm-run-all": "^2.3.0",
	"vuetwo": "https://github.com/eirikb/vuetwo.git"
	}
	}