最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

Vite 功能概覽

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

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

CSS 支持

CSS Modules

 
 
 
  
  
  
.red{ 
  
  
  
  color: rosybrown; 
  
  
  
} 
 
 

\src\components\Css.vue：

sass預(yù)處理器

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

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

配置選項

 
 
 
  
  
  
npm install element-plus --save 
 
 

本文名稱：一篇帶給你Vite 功能概覽
地址分享：http://m.fisionsoft.com.cn/article/dphodgg.html