国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue從零開始學(xué)習(xí)

這篇具有很好參考價(jià)值的文章主要介紹了vue從零開始學(xué)習(xí)。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

npm install慢解決方法:刪掉nodel_modules。

5.0.3:表示安裝指定的5.0.3版本
~5.0.3:表示安裝5.0X中最新的版本
^5.0.3: 表示安裝5.x.x中最新的版本。

yarn的優(yōu)點(diǎn):

1.速度快,可以并行安裝
2.安裝版本統(tǒng)一

vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

項(xiàng)目搭建:

  1. 安裝nodejs
  2. 查看node版本:node -v
  3. 安裝vue clie : npm install -g @vue/cli
  4. 查看vue版本:vue -V
  5. vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端
  6. 使用vue ui 搭建項(xiàng)目:
  7. cd?E:\work\gitee\vue-backend-1
    vue create?vue-backend-1
    選擇vue2 [等待即可]
    運(yùn)行:npm run serve,瀏覽器可訪問localhost:8080
    學(xué)習(xí)餓了么UI:?Element - The world's most popular Vue UI framework
    項(xiàng)目安裝餓了么UI依賴:npm i element-ui -Svue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    引用element-UI:main.js引入3行代碼[全局引用]

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    簡(jiǎn)單使用element-ui:拷貝代碼到項(xiàng)目中,運(yùn)行試試效果

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    npm run server:

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    按需引用:安裝插件

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    修改配置文件:

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    vue 頁面有el-row,el-button 組件:

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    所以main按需引用就是把Row和button 引入

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    配置文件第4行需要修改為:

    ["@babel/preset-env", { "modules": false }]
    

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    項(xiàng)目啟動(dòng):npm run server 發(fā)現(xiàn)效果等同于全局引用

    總結(jié):按需引用的好處是使項(xiàng)目體積變小

    項(xiàng)目打包:npm run build,?打包后會(huì)多一個(gè)dist文件,項(xiàng)目發(fā)布也是發(fā)布的dist文件

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    vue Router路由學(xué)習(xí):Vue Router | Vue.js 的官方路由

    查看npm 里面的router 版本:router - npm search

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    安裝vue-router:?npm i vue-router@3.6.5
    ?

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    在src 下創(chuàng)建router文件夾和index.js 文件,并啟用router

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    創(chuàng)建views文件夾,同時(shí)在下面創(chuàng)建兩個(gè)組件

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    在router 文件夾中的index 引入組件

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    在main.js中引入路由,配置路由[第11行第21行]:

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    啟動(dòng)項(xiàng)目報(bào)錯(cuò)npm run server:是因?yàn)榇a規(guī)范問題,關(guān)閉即可

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    關(guān)閉代碼校驗(yàn)開關(guān):

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    配置路由出口:文章來源地址http://www.zghlxwxcb.cn/news/detail-692481.html

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    重新啟動(dòng)即可:npm run server

    嵌套路由學(xué)習(xí)[引入組件Main,修改嵌套路由組件]:

    vue從零開始學(xué)習(xí),vue.js,學(xué)習(xí),前端

    配置路由出口:

到了這里,關(guān)于vue從零開始學(xué)習(xí)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 用半天時(shí)間從零開始復(fù)習(xí)前端之html

    用半天時(shí)間從零開始復(fù)習(xí)前端之html

    目錄 前言 科班生的標(biāo)配:半天聽完一門標(biāo)記型語言 準(zhǔn)備工作 webstorm2022 webstrom 第一個(gè)html頁面 body h系列標(biāo)簽 行標(biāo)簽和塊標(biāo)簽 列表標(biāo)簽 表格標(biāo)簽(另起一篇) 萬能的input 1.快速生成多個(gè)標(biāo)簽 2.同時(shí)選中多個(gè) 首先就是玩編程必備的編譯器,這里推薦vscode(微軟開發(fā),免費(fèi),性

    2024年02月09日
    瀏覽(21)
  • 如何從零開始配置前端環(huán)境以及安裝必備的軟件插件

    如何從零開始配置前端環(huán)境以及安裝必備的軟件插件

    在當(dāng)今快速發(fā)展的互聯(lián)網(wǎng)時(shí)代,前端開發(fā)已經(jīng)成為一項(xiàng)備受關(guān)注和需求不斷增長(zhǎng)的技術(shù)工作。作為一名前端工程師,擁有一臺(tái)配置良好的電腦是提高工作效率和順利進(jìn)行項(xiàng)目開發(fā)的關(guān)鍵。在本文中,我們將向大家介紹如何 從零開始配置一臺(tái)新的電腦 ,以便能夠順利地搭建和

    2024年02月14日
    瀏覽(23)
  • Vue項(xiàng)目搭建(從零開始)

    Vue項(xiàng)目搭建(從零開始)

    前言:筆者于明年六七月份畢業(yè),現(xiàn)在正在準(zhǔn)備畢設(shè),該文章就是準(zhǔn)備畢設(shè)項(xiàng)目的前端心路 在開始文章之前首先說明本人的前端水平,大概就是 寫過一些原生的前端表格,了解vue,對(duì)它的一些組件和功能聽說過,基本屬于啥也不會(huì)狀態(tài),這也預(yù)示著vue的學(xué)習(xí)路程不會(huì)太過輕

    2024年02月09日
    瀏覽(22)
  • Vue 3.0 事件處理 【Vue3 從零開始】

    我們可以使用? v-on ?指令 (通??s寫為? @ ?符號(hào)) 來監(jiān)聽 DOM 事件,并在觸發(fā)事件時(shí)執(zhí)行一些 JavaScript。用法為? v-on:click=\\\"methodName\\\" ?或使用快捷方式? @click=\\\"methodName\\\" 例如: div id=\\\"basic-event\\\" button @click=\\\"counter += 1\\\"Add 1/button pThe button above has been clicked {{ counter }} times./p /div Vue.cre

    2024年02月04日
    瀏覽(42)
  • FPGA 從零開始學(xué)習(xí)

    FPGA 從零開始學(xué)習(xí)

    第一章 工欲善其事必先利其器–各類工具安裝 FPGA開發(fā)工具安裝 軟件配置和可能遇到的問題 這里主要介紹軟件安裝完成的配置和可能遇到的問題,以及把自己遇到的問題做個(gè)匯總和分享。 A. 未關(guān)閉殺毒軟件導(dǎo)致的中斷和報(bào)錯(cuò); 建議新手還是聽勸吃飽吧,不然重新安裝的時(shí)長(zhǎng)

    2024年04月26日
    瀏覽(23)
  • 從零開始學(xué)習(xí)CTF

    從零開始學(xué)習(xí)CTF

    CTF簡(jiǎn)介 中文一般譯作奪旗賽,在網(wǎng)絡(luò)安全領(lǐng)域中指的是網(wǎng)絡(luò)安全技術(shù)人員之間進(jìn)行技術(shù)競(jìng)技的一種比賽形式 CTF起源于1996年DEFCON全球黑客大會(huì),以代替之前黑客們通過互相發(fā)起真實(shí)攻擊進(jìn)行技術(shù)比拼的方式 競(jìng)賽模式 解題模式: 在解題模式CTF賽制中,參賽隊(duì)伍可以通過互聯(lián)網(wǎng)

    2024年02月15日
    瀏覽(22)
  • 從零開始初識(shí)機(jī)器學(xué)習(xí)

    從零開始初識(shí)機(jī)器學(xué)習(xí)

    本篇文章中我們將對(duì)機(jī)器學(xué)習(xí)做全面的了解與介紹,其中第一章 初識(shí)機(jī)器學(xué)習(xí)分為上下兩個(gè)小章節(jié),對(duì)機(jī)器學(xué)習(xí)是什么、機(jī)器學(xué)習(xí)由來以及機(jī)器學(xué)習(xí)的理論等展開說明。目的是能讓即便完全沒接觸過機(jī)器學(xué)習(xí)的人也能在短時(shí)間對(duì)機(jī)器學(xué)習(xí)有一個(gè)全面了解。后續(xù)將推出機(jī)器學(xué)習(xí)

    2024年02月11日
    瀏覽(22)
  • 從零開始學(xué)習(xí)go開發(fā)

    1.Go 語言的特點(diǎn)和優(yōu)勢(shì) Go 語言是一門相對(duì)年輕的編程語言,它具有以下特點(diǎn)和優(yōu)勢(shì): 并發(fā)編程能力:Go 語言天生支持并發(fā)編程,使用 goroutine 和 channel 可以輕松實(shí)現(xiàn)并發(fā)操作,讓編程更加高效。 高效的內(nèi)存管理:Go 語言使用垃圾回收機(jī)制進(jìn)行內(nèi)存管理,省去了手動(dòng)管理內(nèi)存的

    2024年02月15日
    瀏覽(20)
  • 【端午節(jié)】用Vue3寫粽子——從零開始

    在端午節(jié)即將到來之際,我們來一起寫一個(gè)粽子組件來慶祝這個(gè)傳統(tǒng)節(jié)日。 準(zhǔn)備工作 首先,我們需要安裝Vue3及其相關(guān)依賴,這里使用Vue CLI來創(chuàng)建項(xiàng)目。 接下來,我們需要安裝一些必要的依賴。 創(chuàng)建組件 在/src/components目錄下創(chuàng)建一個(gè)Zongzi.vue文件,并編寫以下代碼。 這段代

    2024年02月09日
    瀏覽(15)
  • 從零開始學(xué)習(xí)SFR-- 2.0

    從零開始學(xué)習(xí)SFR-- 2.0

    前言:因?yàn)檎n題涉及鏡頭質(zhì)量檢測(cè),而現(xiàn)在鏡頭檢測(cè)最普遍的方法便是MTF曲線作為檢測(cè)鏡頭質(zhì)量的標(biāo)準(zhǔn)。網(wǎng)上相關(guān)的學(xué)習(xí)資料并不多,也有一些大佬做了相關(guān)算法的研究,不過零零散散,難以成系統(tǒng)。為了學(xué)習(xí)并實(shí)現(xiàn)相關(guān)算法,參考各大佬的文章,對(duì)整個(gè)學(xué)習(xí)思路進(jìn)行整理,

    2024年02月16日
    瀏覽(27)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包