在Vue項目中使用CAS登錄，需要安裝vue-cas-authentication的庫。進行登錄，首先需要配置CasAuth，以及登錄和注銷方法。

import Vue from 'vue'
import CasAuth from 'vue-cas-authentication'
Vue.use(CasAuth, {
baseUrl: 'http://cas.example.com',
loginPath: '/cas/login',
logoutPath: '/logout',
validatePath: '/cas/p3/serviceValidate',
appBaseUrl: 'http://localhost:8080',
storage: [
'localStorage',
'cookie'
]
})
Vue.prototype.$login = function () {
this.$cas.login()
}
Vue.prototype.$logout = function () {
this.$cas.logout()
}

在實際使用時，需要在組件中調用登錄和注銷方法。在mounted生命周期鉤子函數中，判斷用戶是否已經登錄，若已登錄則進行后續操作。以下是示例代碼：

<template>
...
</template>
<script>
import { mapState } from 'vuex'
export default {
name: 'Home',
mounted () {
if (this.$store.state.user) {
// 已登錄，進行后續操作
} else {
// 未登錄，跳轉至登錄頁面
this.$login()
}
},
computed: {
...mapState({
user: state =>state.user
})
}
}
</script>

以上代碼演示了如何在Vue組件中調用登錄和注銷方法，并判斷用戶是否已登錄的方法。借助vue-cas-authentication庫，實現CAS登錄變得簡單易行。