<divid="app">
<h4>物件寫法</h4>
<divclass="box"v-Bind:class="{'rotate': isTransform,'bg-danger':boxColor}"></div>
<!-- vbind 可以使用rotate : true or false 再透過@click 去切換 true or false 也可以寫成物件的方式 -->
<p>請為此元素加上動態 className</p>
- Aug 27 Mon 2018 19:24
-
vue v-class 多種寫法
- Aug 27 Mon 2018 19:24
-
vue v-class 多種寫法
<divid="app">
<h4>物件寫法</h4>
<divclass="box"v-Bind:class="{'rotate': isTransform,'bg-danger':boxColor}"></div>
<!-- vbind 可以使用rotate : true or false 再透過@click 去切換 true or false 也可以寫成物件的方式 -->
<p>請為此元素加上動態 className</p>
- Aug 23 Thu 2018 02:55
-
Vue 加一個todolist功能
<divid="app">
<divclass="input-group mb-3">
<divclass="input-group-prepend">
<spanclass="input-group-text"id="basic-addon1">待辦事項</span>
</div>
- Aug 23 Thu 2018 02:55
-
Vue 加一個todolist功能
<divid="app">
<divclass="input-group mb-3">
<divclass="input-group-prepend">
<spanclass="input-group-text"id="basic-addon1">待辦事項</span>
</div>
- Aug 22 Wed 2018 23:19
-
Vue 新建元件的方法 vue.component
<divid="app">
<div>
你已經點擊 <buttonclass="btn btn-outline-secondary btn-sm" @click="counter += 1">{{ counter }}</button> 下。
</div>
<div>
- Aug 22 Wed 2018 23:19
-
Vue 新建元件的方法 vue.component
<divid="app">
<div>
你已經點擊 <buttonclass="btn btn-outline-secondary btn-sm" @click="counter += 1">{{ counter }}</button> 下。
</div>
<div>
- Aug 22 Wed 2018 21:51
-
Vue 表單雙向綁定方法
<divid="app">
<h4>字串</h4>
{{ text }}
<inputtype="text"v-model ="text"class="form-control">
<hr>
- Aug 22 Wed 2018 21:51
-
Vue 表單雙向綁定方法
<divid="app">
<h4>字串</h4>
{{ text }}
<inputtype="text"v-model ="text"class="form-control">
<hr>
- Aug 22 Wed 2018 17:33
-
Vue V-bind and V-on 縮寫
<divid="app">
<inputtype="text"class="form-control"v-on:keyup.enter="reverseText"v-model="text">
<av-bind:href="link"class="btn btn-primary mt-1"v-on:click="reverseText">反轉字串</a>
<divclass="mt-3">
{{ newText }}
- Aug 22 Wed 2018 17:33
-
Vue V-bind and V-on 縮寫
<divid="app">
<inputtype="text"class="form-control"v-on:keyup.enter="reverseText"v-model="text">
<av-bind:href="link"class="btn btn-primary mt-1"v-on:click="reverseText">反轉字串</a>
<divclass="mt-3">
{{ newText }}
- Aug 22 Wed 2018 17:13
-
Vue V-model 對應到input的value ,v-on:click 對應到onclick
<divid="app">
<inputtype="text"class="form-control"value="456"v-model="text">
<buttonclass="btn btn-primary mt-1"v-on:click="reverseText">反轉字串</button>
<divclass="mt-3">
{{ newText }}
- Aug 22 Wed 2018 17:13
-
Vue V-model 對應到input的value ,v-on:click 對應到onclick
<divid="app">
<inputtype="text"class="form-control"value="456"v-model="text">
<buttonclass="btn btn-primary mt-1"v-on:click="reverseText">反轉字串</button>
<divclass="mt-3">
{{ newText }}
