日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

Vite 功能概覽

功能| https://cn.vitejs.dev/guide/features.html

創(chuàng)新互聯(lián)自2013年創(chuàng)立以來(lái)，是專(zhuān)業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元壽光做網(wǎng)站,已為上家服務(wù),為壽光各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話(huà):028-86922220

CSS 支持

CSS Modules

 
 
 
  
  
  
.red{ 
  
  
  
  color: rosybrown; 
  
  
  
} 
 
 

\src\components\Css.vue：

sass預(yù)處理器

Vite 也同時(shí)提供了對(duì) .scss, .sass, .less, .styl 和 .stylus 文件的內(nèi)置支持。沒(méi)有必要為他們安裝特定的 vite 插件，但相應(yīng)的預(yù)處理器依賴(lài)本身必須安裝：

src\assets\style.sass：

 
 
 
  
  
  
$bg: red 
  
  
  
.li 
  
  
  
  color: $bg 
 
 

src\components\Users.vue：

 
 
 
  
  
  
 
  
  
  
// 導(dǎo)入 CSS(sass) 文件 
  
  
  
@import'../assets/style' 
  
  
  
$blues: blue 
  
  
  
ul 
  
  
  
  li 
  
  
  
    color: $blues 
  
  
  
.lis 
  
  
  
  color: $blues 
  
  
  
 
 
 

JSON

JSON 可以被直接導(dǎo)入 - 同樣支持具名導(dǎo)入：

路由

安裝路由模塊

 
 
 
  
  
  
npm install vue-router@4 
 
 

\src\main.js:

 
 
 
  
  
  
import {createApp } from'vue' 
  
  
  
import App from'./App.vue' 
  
  
  
import router from'./router' 
  
  
  
 
  
  
  
createApp(App) 
  
  
  
.use(router) 
  
  
  
.mount('#app') 
 
 

\src\router\index.js:

 
 
 
  
  
  
import  { createRouter, createWebHistory }  from'vue-router' 
  
  
  
import Hello from'../components/HelloWorld.vue' 
  
  
  
 
  
  
  
const routes = [ 
  
  
  
  { 
  
  
  
    path:'/', 
  
  
  
    name:'Hello', 
  
  
  
    component: Hello 
  
  
  
  }, 
  
  
  
  { 
  
  
  
    path:'/about', 
  
  
  
    name:'About', 
  
  
  
    component: () =>import('../components/About.vue') 
  
  
  
  } 
  
  
  
] 
  
  
  
 
  
  
  
exportdefaultcreateRouter({ 
  
  
  
  history:createWebHistory(), 
  
  
  
  routes 
  
  
  
}) 
 
 

\src\App.vue

配置選項(xiàng)

 
 
 
  
  
  
npm install element-plus --save 
 
 

標(biāo)題名稱(chēng)：一篇帶給你Vite 功能概覽
標(biāo)題來(lái)源：http://www.5511xx.com/article/dphodgg.html