Skip to content

Instantly share code, notes, and snippets.

View yamotech's full-sized avatar

Tomoki Yamauchi yamotech

View GitHub Profile
@yamotech
yamotech / index.html
Created December 14, 2019 09:38
Vue.js 算出プロパティ
<div id="app">
{{ fullName }}
</div>
@yamotech
yamotech / index.html
Created December 14, 2019 09:36
Vue.js 監視プロパティ
<div id="app">
{{ fullName }}
</div>
@yamotech
yamotech / index.html
Created December 14, 2019 09:32
Vue.js 算出プロパティとメソッド
<div id="app">
<p>Reversed message: "{{ reverseMessage() }}"</p>
</div>
@yamotech
yamotech / index.html
Last active December 14, 2019 09:29
Vue.js 算出プロパティ 基本的な例
<div id="app">
<p>Original message: "{{ message }}"</p>
<p>Computed reversed message: "{{ reversedMessage }}"</p>
</div>
@yamotech
yamotech / index.html
Created December 14, 2019 09:26
Vue.js 省略記法
<div id="app">
<a v-bind:href="url">v-bind 省略記法</a>
<a :href="url">v-bind 省略記法</a>
<a :[key]="url">v-bind 省略記法</a>
<a v-on:click="doSomething(0)">0</a>
<a @click="doSomething(1)">1</a>
<a @[event]="doSomething(2)">2</a>
</div>
@yamotech
yamotech / index.html
Created December 14, 2019 09:20
Vue.js 引数
<div id="app">
<a v-bind:href="url">Vue.js テンプレート構文 引数</a>
</div>
@yamotech
yamotech / index.html
Last active December 14, 2019 09:18
Vue.js 動的引数
<div id="app">
<a v-bind:[attributeName]="url">動的引数</a>
</div>
@yamotech
yamotech / index.html
Created December 14, 2019 08:48
Vue.js ディレクティブ
<div id="app">
<p v-if="seen">Now you see me</p>
</div>
@yamotech
yamotech / index.html
Created December 14, 2019 08:46
Vue.js 属性
<div id="app">
<div v-bind:id="dynamicId">{{ dynamicId }}</div>
<button v-bind:disabled="isButtonDisabled">Button</button>
</div>
@yamotech
yamotech / index.html
Created December 14, 2019 08:44
Vue.js 生のHTML
<div id="app">
<p>Using mustaches: {{ rawHtml }}</p>
<p>Using v-html directive: <span v-html="rawHtml"></span></p>
</div>