Vue.js 引入 CSS 和 JS 的方法
在 Vue.js 中，我們可以通過幾種不同的方式引入 CSS 和 JS，以下是幾種常見的方法：
1、全局引入：
我們可以將 CSS 和 JS 文件直接添加到 HTML 文件的頭部或尾部，這種方式適用于全局使用的樣式和腳本。
- 對(duì)于 CSS，可以像下面這樣添加：
```html
<head>
<link rel="stylesheet" href="path/to/your.css">
</head>
```
- 對(duì)于 JS，可以像下面這樣添加：
```html
<body>
<script src="path/to/your.js"></script>
</body>
```
2、局部引入：
在 Vue 組件中，我們可以使用import 關(guān)鍵字局部引入 CSS 和 JS 文件，這樣，樣式和腳本只在當(dāng)前組件中生效。
- 對(duì)于 CSS，可以像下面這樣添加：
```javascript
import './path/to/your.css';
```
- 對(duì)于 JS，可以像下面這樣添加：
```javascript
import './path/to/your.js';
```
3、使用模塊化加載器：
Vue.js 支持使用模塊化加載器（如 Webpack）來(lái)引入 CSS 和 JS 文件，這種方式可以實(shí)現(xiàn)代碼的模塊化和復(fù)用。
- 對(duì)于 CSS，可以使用import 關(guān)鍵字引入：
```javascript
import YourComponentStyle from 'path/to/your.css';
```
- 對(duì)于 JS，可以使用import 關(guān)鍵字引入：
```javascript
import YourComponentScript from 'path/to/your.js';
```
4、在 Vue 實(shí)例中引入：
我們還可以在 Vue 實(shí)例的created 或mounted 生命周期鉤子中動(dòng)態(tài)引入 CSS 和 JS 文件，這種方式適用于需要根據(jù)特定條件加載樣式和腳本的情況。
- 對(duì)于 CSS，可以像下面這樣添加：
```javascript
created() {
this.$nextTick(function() {
const link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'path/to/your.css';
document.head.appendChild(link);
});
}
```
- 對(duì)于 JS，可以像下面這樣添加：
```javascript
created() {
this.$nextTick(function() {
const script = document.createElement('script');
script.src = 'path/to/your.js';
document.body.appendChild(script);
});
}
```
是 Vue.js 中常見的引入 CSS 和 JS 文件的方法，你可以根據(jù)自己的需求和項(xiàng)目結(jié)構(gòu)選擇適合的方式。
