Vue 是前端開發中非常流行的一個框架，提供了一種更優雅的界面組織方式，并結合了現代化的 JavaScript 工具鏈來進行開發。在 Vue 應用中，如何改變全局樣式呢？

首先我們需要在主要的 Vue 組件中引入樣式文件。一般情況下，我們會將全局樣式文件命名為 global.css。然后在入口文件 main.js 中，使用 import 引入全局樣式文件。

import './global.css'

如果希望在組件中使用全局樣式，可以在 main.js 中引入的時候掛載到 Vue 實例上。首先創建一個空的 Vue 實例：

const app = new Vue({})

然后使用 Vue 的原型鏈，將全局樣式掛載到 Vue 實例上：

Vue.prototype.$globalStyle = {
color: '#333333',
fontSize: '14px'
}

在組件中，就可以通過 this.$globalStyle 來引用全局樣式了。比如，在一個 Hello 組件中使用：

<template>
<div class="hello" :style="$globalStyle">
{{ msg }}
</div>
</template>

以上代碼中，將全局樣式對象綁定到組件 hello 的 style 屬性中。

為了讓全局樣式對象更加易于管理，可以將所有樣式定義到一個獨立的 global.less 文件中。在組件中，也可以使用 less-loader 依賴來處理 less 文件。

首先需要安裝 less-loader 和 less：

npm install less-loader less --save-dev

然后在 webpack.config.js 中配置 less-loader：

module: {
rules: [
{
test: /\.less$/,
loader: 'less-loader'
}
]
}

在全局樣式文件 global.less 中定義樣式：

@color: #333333;
@font-size: 14px;
:root {
--color: @color;
--font-size: @font-size;
}
* {
color: var(--color);
font-size: var(--font-size);
}

以上代碼中，通過 less 的變量定義和 :root 偽類來定義全局變量，在 * 選擇器中使用 var() 函數來引用全局變量。

通過以上方法，我們就可以在 Vue 應用中改變全局樣式了。