文章列表
-
- Vue為什么要謹(jǐn)慎使用$attrs與$listeners
- 前言在 Vue 開(kāi)發(fā)過(guò)程中，如遇到祖先組件需要傳值到孫子組件時(shí)，需要在兒子組件接收 props ，然后再傳遞給孫子組件，通過(guò)使用 v-bind='$attrs' 則會(huì)帶來(lái)極大的便利，但同時(shí)也會(huì)有一些隱患在其中。隱患先來(lái)看一個(gè)例子：父組件：{ template: ` <div> <i...
- 日期：2022-12-03
- 瀏覽：128
- 標(biāo)簽： Vue
-
- vue組件中節(jié)流函數(shù)的失效的原因和解決方法
- 今天使用節(jié)流函數(shù)的時(shí)候遇見(jiàn)了一個(gè)問(wèn)題，搞了半天才找到原因，所以在這里做個(gè)總結(jié)。節(jié)流函數(shù)瀏覽器的一些事件，如：resize，scroll，mousemove等。這些事件觸發(fā)頻率太過(guò)頻繁，綁定在這些事件上的回調(diào)函數(shù)會(huì)不停的被調(diào)用，加重瀏覽器的負(fù)擔(dān)，導(dǎo)致用戶(hù)體驗(yàn)非常糟糕。所以先賢們發(fā)明了節(jié)流函數(shù)，簡(jiǎn)單版本...
- 日期：2022-10-22
- 瀏覽：186
- 標(biāo)簽： Vue
-
- vue 重塑數(shù)組之修改數(shù)組指定index的值操作
- 如下所示：vm.items[indexOfItem] = newValuevue不能檢測(cè)數(shù)組的變動(dòng)想要實(shí)現(xiàn)可以使用vue的set方法this.$set(this.items,indexOfItem,newValue);補(bǔ)充知識(shí)：vue中利用索引直接設(shè)置一個(gè)數(shù)組項(xiàng)，不能觸發(fā)視圖更新的問(wèn)題由于 Java...
- 日期：2022-12-12
- 瀏覽：148
- 標(biāo)簽： Vue
-
- Vue批量更新dom的實(shí)現(xiàn)步驟
- 目錄場(chǎng)景介紹深入響應(yīng)式觸發(fā)getter尋找Dep.targetgettersetter總結(jié)場(chǎng)景介紹在一個(gè)SFC（single file component，單文件組件）中，我們經(jīng)常會(huì)寫(xiě)這樣的邏輯：<template> <div> <span>{{ a }}...
- 日期：2022-09-28
- 瀏覽：194
- 標(biāo)簽： Vue
-
- vue模塊移動(dòng)組件的實(shí)現(xiàn)示例
- 一直都想實(shí)現(xiàn)類(lèi)似于五百丁中簡(jiǎn)歷填寫(xiě)中模塊跟隨鼠標(biāo)移動(dòng)的組件，最近閑來(lái)無(wú)事，自己琢磨實(shí)現(xiàn)了一個(gè)差不多的組件。其中每個(gè)模塊都是組件調(diào)入（項(xiàng)目經(jīng)驗(yàn)、教育經(jīng)驗(yàn)、工作經(jīng)驗(yàn)等），所以這里也用到了動(dòng)態(tài)加載組件方式。思路：鼠標(biāo)移入模塊，顯示相應(yīng)模塊的點(diǎn)擊移動(dòng)按鈕，點(diǎn)擊A模塊移動(dòng)按鈕，此時(shí)原先A模塊所在的位置上變?yōu)橥?..
- 日期：2023-01-19
- 瀏覽：9
- 標(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
- 瀏覽：38
- 標(biāo)簽： Vue
-
- Vue CLI4 Vue.config.js標(biāo)準(zhǔn)配置(最全注釋)
- 前言：Vue.js CLI工具 不知不覺(jué)發(fā)展到了4.0時(shí)代，CLI給人最直白的感受是沒(méi)有了build文件夾跟config文件夾，所有的配置都在Vue.config.js完成。那么該文件的配置至關(guān)重要?，F(xiàn)在我們來(lái)看一下最新配置是怎么配置的。安裝npm i -d vue-cli-configjs// v...
- 日期：2023-01-15
- 瀏覽：65
- 標(biāo)簽： Vue
-
- vue項(xiàng)目在線(xiàn)上服務(wù)器訪(fǎng)問(wèn)失敗原因分析
- 珊妹兒遇到一個(gè)奇葩問(wèn)題哈，跟大家伙來(lái)分享分享，首先因?yàn)閯偨邮值捻?xiàng)目，我還沒(méi)有線(xiàn)上服務(wù)器的連接信息，前端代碼都是我打包好給別人，別人傳到服務(wù)器的，傳到線(xiàn)上服務(wù)器訪(fǎng)問(wèn)不了，這就是中間出現(xiàn)了問(wèn)題。所謂，打包就是壓縮的概念，而壓縮文件再次壓縮就會(huì)導(dǎo)致文件成倍的增大，這中間就出現(xiàn)了很多問(wèn)題，我們排除了很多問(wèn)題...
- 日期：2022-12-06
- 瀏覽：91
- 標(biāo)簽： Vue
-
- vue路由結(jié)構(gòu)可設(shè)一層方便動(dòng)態(tài)添加路由操作
- 動(dòng)態(tài)添加路由基本功能let routes=[{ path: ’/login’, name: ’login’, component: () => import(’../components/Login.vue’) }]this.$router.addRoutes(routes)涉及多層路由嵌套 ...
- 日期：2022-12-02
- 瀏覽：131
- 標(biāo)簽： Vue
-
- 淺析vue偵測(cè)數(shù)據(jù)的變化之基本實(shí)現(xiàn)
- 目錄一、Object的變化偵測(cè)二、關(guān)于 Object 的問(wèn)題三、Array 的變化偵測(cè)3.1、背景3.2、實(shí)現(xiàn)四、關(guān)于 Array 的問(wèn)題一、Object的變化偵測(cè)下面我們就來(lái)模擬偵測(cè)數(shù)據(jù)變化的邏輯。強(qiáng)調(diào)一下我們要做的事情：數(shù)據(jù)變化，通知到外界（外界再做一些自己的邏輯處理，比如重新渲染視圖）。開(kāi)始編...
- 日期：2022-09-28
- 瀏覽：107
- 標(biāo)簽： Vue
排行榜
網(wǎng)公網(wǎng)安備