文章列表
-
- vue使用better-scroll實(shí)現(xiàn)滑動(dòng)以及左右聯(lián)動(dòng)
- 本文實(shí)例為大家分享了vue實(shí)現(xiàn)滑動(dòng)以及左右聯(lián)動(dòng)效果的具體代碼，供大家參考，具體內(nèi)容如下一、首先需要在項(xiàng)目中引入better-scroll1. 在package.json 直接寫(xiě)入 'better-scroll':'^1.15.1' 版本以github上為準(zhǔn)（目前最新）2.cpnm install 在...
- 日期：2023-01-10
- 瀏覽：29
- 標(biāo)簽： Vue
-
- vue實(shí)現(xiàn)井字棋游戲
- 本文實(shí)例為大家分享了vue實(shí)現(xiàn)井字棋游戲的具體代碼，供大家參考，具體內(nèi)容如下之前看react的教程時(shí)看到的小游戲，試著用vue做一個(gè)。右邊的winner提示勝者，還沒(méi)有勝者時(shí)提示下一個(gè)棋子的種類(lèi)。restart按鈕點(diǎn)擊可重新開(kāi)始。go to step可跳轉(zhuǎn)到第n步。html：<div id='...
- 日期：2022-11-17
- 瀏覽：114
- 標(biāo)簽： Vue
-
- 淺談Vue開(kāi)發(fā)人員的7個(gè)最好的VSCode擴(kuò)展
- 在Visual Studio中添加正確的VS Code擴(kuò)展可以讓你作為開(kāi)發(fā)者的生活變得更加輕松。它們可以幫助格式化、可伸縮性、強(qiáng)制執(zhí)行最佳實(shí)踐，從而自動(dòng)化開(kāi)發(fā)過(guò)程中許多容易忘記的任務(wù)。它們也可以只是有趣的擴(kuò)展，使我們的代碼看起來(lái)更漂亮/更容易編寫(xiě)。作為一個(gè)Vue愛(ài)好者，我花了很多時(shí)間為Vue開(kāi)發(fā)人員...
- 日期：2022-10-09
- 瀏覽：17
- 標(biāo)簽： Vue
-
- vue keep-alive的簡(jiǎn)單總結(jié)
- 一、作用主要用于保留組件狀態(tài)或避免重新渲染。二、用法<keep-alive>包裹動(dòng)態(tài)組件時(shí)，會(huì)緩存不活動(dòng)的組件實(shí)例，而不是銷(xiāo)毀它們。<keep-alive>是一個(gè)抽象組件：它自身不會(huì)渲染一個(gè) DOM 元素，也不會(huì)出現(xiàn)在組件的父組件鏈中。當(dāng)組件在<keep-alive&g...
- 日期：2022-10-09
- 瀏覽：38
- 標(biāo)簽： Vue
-
- 使用vue-cli創(chuàng)建項(xiàng)目并webpack打包的操作方法
- 1.準(zhǔn)備環(huán)境（nodejs下載和設(shè)置環(huán)境變量）2.全局安裝vue-cli，提供vue命令進(jìn)行創(chuàng)建vue項(xiàng)目npm install -g @vue/cli關(guān)于舊版本Vue CLI 的包名稱(chēng)由 vue-cli 改成了 @vue/cli。 如果你已經(jīng)全局安裝了舊版本的 vue-cli (1.x 或 2.x...
- 日期：2022-09-28
- 瀏覽：154
- 標(biāo)簽： Vue
-
- vue使用nprogress加載路由進(jìn)度條的方法
- 1、效果圖2、安裝npm install --save nprogress基本用法NProgress.start();NProgress.done();3、在路由中使用import NProgress from ’nprogress’import ’nprogress/nprogress.css’r...
- 日期：2023-01-15
- 瀏覽：54
- 標(biāo)簽： Vue
-
- vscode 插件開(kāi)發(fā) + vue的操作方法
- 如果我們需要在vscode中嵌入自己開(kāi)發(fā)的vue頁(yè)面就需要以下的操作1.把開(kāi)發(fā)好的vue項(xiàng)目打包，如果打包出來(lái)的vue執(zhí)行是空白頁(yè)，就需要看看之前我寫(xiě)的文章，vue 3 clie打包配置-這里要注意的是，要確保vue項(xiàng)目里面的public有一個(gè)index用作插件打開(kāi)時(shí)的模板，等一下需要做base的特...
- 日期：2023-01-15
- 瀏覽：34
- 標(biāo)簽： Vue
-
- vue實(shí)現(xiàn)簡(jiǎn)單圖片上傳
- 本文實(shí)例為大家分享了vue實(shí)現(xiàn)簡(jiǎn)單圖片上傳的具體代碼，供大家參考，具體內(nèi)容如下功能 實(shí)現(xiàn)圖片上傳 顯示進(jìn)度條 <template> <div class='about'> <div> <div> <img :src='’https://ww...
- 日期：2023-01-10
- 瀏覽：102
- 標(biāo)簽： Vue
-
- vue商城中商品“篩選器”功能的實(shí)現(xiàn)代碼
- 在使用vue搭建商城項(xiàng)目的時(shí)候，要實(shí)現(xiàn)一個(gè)商品篩選器的功能，在完成之后，再一次被vue的數(shù)據(jù)驅(qū)動(dòng)的強(qiáng)大感到震撼！首先，我們來(lái)看一下具體的需求吧。你可以先看下面的這兩張圖，然后再看文字描述，可能會(huì)更容易理解。沒(méi)有觸發(fā)時(shí)的狀態(tài)觸發(fā)后的狀態(tài)我們需求有下面幾點(diǎn)：1、默認(rèn)情況下，只顯示一級(jí)菜單，二級(jí)菜單不顯2...
- 日期：2023-01-09
- 瀏覽：48
- 標(biāo)簽： Vue
-
- vue點(diǎn)擊標(biāo)簽切換選中及互相排斥操作
- 單身和已婚不能同時(shí)選中，不了解保險(xiǎn)和已了解保險(xiǎn)不能同時(shí)選中。同時(shí)各個(gè)標(biāo)簽點(diǎn)擊可以取消選擇 //html <li> <span class='fill-title'>與我相關(guān)</span> <div> <van-button ...
- 日期：2023-01-06
- 瀏覽：10
- 標(biāo)簽： Vue
排行榜
網(wǎng)公網(wǎng)安備