サンプルコード1を格納

GitBucket 4.23.0

sample-vue.js / sample-vuex-store

Browse code サンプルコード1を格納 master
0 parent commit 0bbb5761d1288a3550e22dcbb2ed4f75d145ef93 yhornisse authored on 25 Dec 2019

Patch

Showing 7 changed files

Ignore Space Show notes View README.md 0 → 100644
# vuex_test ## Project setup ``` npm install ``` ### Compiles and hot-reloads for development ``` npm run serve ``` ### Compiles and minifies for production ``` npm run build ``` ### Run your tests ``` npm run test ``` ### Lints and fixes files ``` npm run lint ``` ### Customize configuration See [Configuration Reference](https://cli.vuejs.org/config/).

Ignore Space Show notes View

package.json 0 → 100644

Ignore Space Show notes View

public/index.html 0 → 100644

Ignore Space Show notes View

src/App.vue 0 → 100644

Ignore Space Show notes View src/components/Fuga.vue 0 → 100644
<template> <div> <input type="button" v-bind:value="foo" v-on:click="hoge();"> </div> </template> <style> </style> <script> export default { props:['foo'], methods :{ hoge: function(){ this.$store.commit('update') } } } </script>

Ignore Space Show notes View src/components/Hoge.vue 0 → 100644
<template> <div> <input type="button" v-bind:value="foo" v-on:click="hoge();"> </div> </template> <style> </style> <script> export default { props:['foo'], methods :{ hoge: function(){ this.$store.commit('update') } } } </script>

Ignore Space Show notes View src/main.js 0 → 100644
import Vue from 'vue' import Vuex from 'vuex' import App from './App.vue' Vue.config.productionTip = false; Vue.use(Vuex); let store = new Vuex.Store({ state: { count: 1 }, mutations: { update: function(state){ state.count++; window.alert(state.count); } } }); new Vue({ store: store, render: h => h(App) }).$mount('#app')

Show line notes below