国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue3.0 搭建項(xiàng)目總結(jié)

chavesgu / 2074人閱讀

摘要：環(huán)境配置項(xiàng)目中的不同開發(fā)環(huán)境有很多依賴配置，所以可以根據(jù)環(huán)境設(shè)置不同的配置，以免在不同環(huán)境經(jīng)常修改文件在根目錄下創(chuàng)建環(huán)境文件，可以在不同環(huán)境設(shè)置一些配置變量，如圖文件配置在文件里面有一個(gè)對象，可設(shè)置如圖配置在里面需在對象里面設(shè)置重點(diǎn)刪除默認(rèn)

1.環(huán)境配置

項(xiàng)目中的不同開發(fā)環(huán)境有很多依賴配置，所以可以根據(jù)環(huán)境設(shè)置不同的配置，以免在不同環(huán)境經(jīng)常修改文件

1 在根目錄下創(chuàng)建 `.env.[環(huán)境]` 文件，可以在不同環(huán)境設(shè)置一些配置變量，如圖

.env.dev 文件

2.eslint 配置 
在package.json 文件里面有一個(gè)eslintConfig對象，可設(shè)置rules： 如圖

3.配置svg

在vue.config.js 里面需在module.exports對象里面設(shè)置

chainWebpack: config => {
    config.module.rules.delete("svg") // 重點(diǎn):刪除默認(rèn)配置中處理svg,//const svgRule = config.module.rule("svg") //svgRule.uses.clear()
    config.module
      .rule("svg-sprite-loader")
      .test(/.svg$/)
      .use("svg-sprite-loader")
      .loader("svg-sprite-loader")
      .options({
        symbolId: "icon-[name]"
      })
  }

svg component







```

使用svg組件

import SvgIcon from "@/components/SvgIcon.vue"
// 設(shè)置全局組件svgIcon
Vue.component("svg-icon", SvgIcon)
const req = require.context("./assets/svg", true, /.svg$/) // 查詢文件加下面的svg文件
const requireAll = requireContext => requireContext.keys().map(requireContext)
requireAll(req) // 全局導(dǎo)入svg文件
4.通用組件 級(jí)聯(lián)（多選且可以選擇全部）組件

安裝插件 multi-cascader-base-ele

使用
import multiCascader from "multi-cascader-base-ele"
Vue.use(multiCascader)

-- 支持選擇全部
上傳（支持圖片/視頻/裁剪圖片/拖拽）

安裝插件
vuedraggable axios vue-cropper

代碼
注冊全局事件

創(chuàng)建eventBus.js

使用

import eventBus from "./plugins/eventBus"
Vue.use(eventBus)

處理緩存

借用mounted， activated 事件處理數(shù)據(jù)
在某一次打開頁面的時(shí)候進(jìn)行數(shù)據(jù)初始化存儲(chǔ)， 放置在vuex中，或者全局變量中，當(dāng)需要初始化進(jìn)行一個(gè)初始化，采取mixins引入

5.路由配置

我的項(xiàng)目中使用的是element-UI的導(dǎo)航菜單，支持路由，但是不支持前進(jìn)后退， 所以使用如下方式處理

 // 監(jiān)控hash改變且處理，使瀏覽器支持前進(jìn)后退
 window.addEventListener("hashchange", function(path) {
     router.replace(path.newURL.split("#")[1])
 })

項(xiàng)目中路由處理邏輯判斷
判斷緩存， 是否新打開，添加重定向，獲取所有打開路由， 獲取所有展示路由菜單

6.API處理

該項(xiàng)目采用axios調(diào)取api接口

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/114673.html

相關(guān)文章

  • vue3.0 搭建項(xiàng)目總結(jié)

    摘要：環(huán)境配置項(xiàng)目中的不同開發(fā)環(huán)境有很多依賴配置，所以可以根據(jù)環(huán)境設(shè)置不同的配置，以免在不同環(huán)境經(jīng)常修改文件在根目錄下創(chuàng)建環(huán)境文件，可以在不同環(huán)境設(shè)置一些配置變量，如圖文件配置在文件里面有一個(gè)對象，可設(shè)置如圖配置在里面需在對象里面設(shè)置重點(diǎn)刪除默認(rèn) 1.環(huán)境配置 項(xiàng)目中的不同開發(fā)環(huán)境有很多依賴配置，所以可以根據(jù)環(huán)境設(shè)置不同的配置，以免在不同環(huán)境經(jīng)常修改文件 1 在根目錄下創(chuàng)建 `.env.[環(huán)...

    Youngdze 評論0 收藏0

  • vue3.0 搭建項(xiàng)目總結(jié)

    摘要：環(huán)境配置項(xiàng)目中的不同開發(fā)環(huán)境有很多依賴配置，所以可以根據(jù)環(huán)境設(shè)置不同的配置，以免在不同環(huán)境經(jīng)常修改文件在根目錄下創(chuàng)建環(huán)境文件，可以在不同環(huán)境設(shè)置一些配置變量，如圖文件配置在文件里面有一個(gè)對象，可設(shè)置如圖配置在里面需在對象里面設(shè)置重點(diǎn)刪除默認(rèn) 1.環(huán)境配置 項(xiàng)目中的不同開發(fā)環(huán)境有很多依賴配置，所以可以根據(jù)環(huán)境設(shè)置不同的配置，以免在不同環(huán)境經(jīng)常修改文件 1 在根目錄下創(chuàng)建 `.env.[環(huán)...

    hzc 評論0 收藏0

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...

    sutaking 評論0 收藏0

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...

    khs1994 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<