mfaridzia

<template>
  <div>
    <h1 class="title"> {{ title }} </h1>

    <input type="text" class="name" v-model="name">
    <button class="submit" @click="submit"> Sumbit </button>
    
    <p class="success" v-if="sumbited"> Thank You {{ name }} </p>

    <h2 v-if="isFulana"> Ente Fulana Euy! </h2>

mfaridzia

Front-End Guidelines

Table of Contents generated with DocToc

• CSS
  • Sass/SCSS
  • BEM
• CSS Syntax

mfaridzia

// File: App.vue
<template>
  <div id="app">
    <Value/>
    <ChangeValue/>
  </div>
</template>

<script>
import Value from './components/Value.vue'

mfaridzia

// File: ChangeValue.vue
<template>
  <div>
    {{ datvalue }}
  </div>
</template>

<script>
import { EventBus } from '@/eventBus.js'

mfaridzia

// file: Value.vue
<template>
 <div>
    <button @click="addValue"> Add Value </button>
 </div>
</template>

<script>
import { EventBus } from '@/eventBus.js'

mfaridzia

import Vue from 'vue'
import Router from 'vue-router'
import Counter from '@/components/Counter'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',

mfaridzia

import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store/index'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',

mfaridzia

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}

mfaridzia

<template>
  <div id="app">
    <div class="counter"> {{ counter }} </div>
    <button @click="increment" class="increment"> Tambah </button>
    <button @click="decrement" class="decrement"> Kurangi </button>
  </div>
</template>

<script>
export default {

mfaridzia

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
	state: {
		count: 0
	},
	getters: {