Vue.js是一個非常流行的JavaScript框架，可以用于構建交互式的用戶界面。Vue 100例是一個免費的教程，提供了100個不同的Vue.js示例程序，幫助新手更好地學習Vue.js。

以下是示例代碼中的一些例子：

// 簡單的計數器
<div id="app">
<button v-on:click="counter++">增加</button>
<p>您已經點擊了 {{ counter }} 次。</p>
</div>
// 通過輸入框過濾項目
<div id="app">
<input type="text" v-model="filter">
<ul>
<li v-for="item in filteredItems">{{ item.name }} - {{ item.description }}</li>
</ul>
</div>
// 嵌套組件
Vue.component('child', {
template: '<div><h2>我是子組件</h2></div>'
});
Vue.component('parent', {
template: '<div><h1>我是父組件</h1><child /></div>'
});
// 使用vuex存儲數據
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment(state) {
state.count++;
}
}
});
new Vue({
el: '#app',
store,
methods: {
increment() {
this.$store.commit('increment');
}
}
});

這些例子只是Vue 100例中的一小部分。這個教程涵蓋了從基本的數據綁定到復雜的組件交互的各種情況。無論您是初學者還是有經驗的開發人員，Vue 100例都是學習Vue.js的絕佳資源。