在Vue中，存在著三個重要的模塊：vue-core、vue-compiler和vue-router。

vue-core是Vue的核心模塊，提供了Vue的基本功能，包括數據綁定、模板解析、組件系統、事件處理等。在vue-core中最核心的是Vue實例，所有的Vue構造器都是通過這個實例創建出來的。

// 創建一個Vue實例
var vm = new Vue({
el: '#app',
data: {
message: 'Hello, Vue!'
}
});

vue-compiler是Vue的編譯器模塊，負責將Vue的模板解析為可執行的JavaScript代碼。Vue使用了一種叫做“虛擬DOM”的技術，使得當數據發生變化時只需要更新變化的部分，而不是重新渲染整個DOM樹，這大大提高了性能。

// 注冊一個組件
Vue.component('my-component', {
template: '
{{ message }}
',
data: function () {
return {
message: 'Hello, Vue!'
}
}
})
// 解析模板
var compiled = Vue.compile('');
// 生成可執行的代碼
console.log(compiled.render.toString());

vue-router是Vue的路由模塊，提供了SPA（Single Page Application，單頁應用）的支持。Vue的路由使用了一種叫做“簡潔路徑”的技術，使得路由配置非常簡單易用，同時還支持動態路由、嵌套路由、路由參數等高級特性。

// 定義路由組件
var Home = { template: '
Home
' }
var About = { template: '
About
' }
// 定義路由配置
var routes = [
{ path: '/', component: Home },
{ path: '/about', component: About }
]
// 創建路由實例
var router = new VueRouter({
routes: routes
})
// 添加路由掛載點
var app = new Vue({
router: router
}).$mount('#app')