IGIX 前端使用 Vue.js，它是一種流行的前端 JavaScript 框架。Vue.js 由尤雨溪創建，是一個輕量級的 MVVM (Model-View-ViewModel) 框架。

在 Vue.js 中，我們使用模板語法來將數據綁定到 DOM 元素上。Vue.js 還提供了一些指令，如 v-bind、v-if、v-for、v-on 等，用于快速、方便地操作 DOM 元素。

<template>
<div v-bind:class="{ active: isActive }">
{{ message }}
</div>
</template>
<script>
export default {
data() {
return {
message: 'Hello Vue.js!',
isActive: true
}
}
}
</script>

如上所示，我們使用了 v-bind:class 指令來綁定一個類名，如果 isActive 為 true，則添加 active 類名。

有了 Vue.js，我們可以快速地創建一些常見的 UI 組件，如表格、列表、模態框等。Vue.js 還提供了路由管理器 vue-router，使我們可以使用 SPA（Single Page Application）的方式來組織我們的應用程序。

// 安裝 vue-router
npm install vue-router --save
// 使用 vue-router
import VueRouter from 'vue-router';
const router = new VueRouter({
routes: [
{ path: '/', component: Home },
{ path: '/about', component: About }
]
});
new Vue({
router,
render: h =>h(App)
}).$mount('#app');

我們可以使用 vue-router 的 routes 配置來定義我們的路由，然后在根實例中使用 router 配置項即可。

總之，Vue.js 是一個快速、靈活的前端框架，可以幫助我們快速開發復雜的前端應用程序。