Vue 2.0賣座是一款基于Vue.js 2.0的在線電影售票系統(tǒng)。它是一個(gè)前后端分離、單頁(yè)面應(yīng)用（SPA）的項(xiàng)目。

Vue 2.0賣座的前端采用了Vue.js 2.0作為開(kāi)發(fā)框架，結(jié)合Vue Router、Vuex等插件實(shí)現(xiàn)了路由管理、狀態(tài)管理等功能。后端采用Node.js和Express框架，使用了MongoDB作為數(shù)據(jù)庫(kù)。

// Vue Router配置
const routes = [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/film',
name: 'film',
component: Film
},
{
path: '/cinema',
name: 'cinema',
component: Cinema
},
{
path: '/user',
name: 'user',
component: User
},
{
path: '/detail/:id',
name: 'detail',
component: Detail
},
{
path: '*',
redirect: '/'
}
]
const router = new VueRouter({
mode: 'history',
routes
})
Vue.use(VueRouter)

Vue Router配置中定義了不同路徑對(duì)應(yīng)的組件，還定義了一個(gè)通配符路由，用于處理404頁(yè)面。使用Vue.use(VueRouter)啟用路由。

// Vuex配置
const store = new Vuex.Store({
state: {
city: '北京'
},
mutations: {
setCity(state, payload) {
state.city = payload
}
},
actions: {
setCitySync(context, payload) {
context.commit('setCity', payload)
}
}
})
Vue.use(Vuex)

Vuex配置中定義了全局狀態(tài)管理，包括state、mutations、actions等屬性。使用Vue.use(Vuex)啟用狀態(tài)管理。

總之，Vue 2.0賣座展現(xiàn)了Vue.js 2.0在實(shí)際項(xiàng)目開(kāi)發(fā)中的應(yīng)用場(chǎng)景，為學(xué)習(xí)Vue.js 2.0提供了很好的參考資料。