文章列表
-
- Vue為什么要謹慎使用$attrs與$listeners
- 前言在 Vue 開發過程中，如遇到祖先組件需要傳值到孫子組件時，需要在兒子組件接收 props ，然后再傳遞給孫子組件，通過使用 v-bind='$attrs' 則會帶來極大的便利，但同時也會有一些隱患在其中。隱患先來看一個例子：父組件：{ template: ` <div> <i...
- 日期：2022-12-03
- 瀏覽：128
- 標簽： Vue
-
- vue組件中節流函數的失效的原因和解決方法
- 今天使用節流函數的時候遇見了一個問題，搞了半天才找到原因，所以在這里做個總結。節流函數瀏覽器的一些事件，如：resize，scroll，mousemove等。這些事件觸發頻率太過頻繁，綁定在這些事件上的回調函數會不停的被調用，加重瀏覽器的負擔，導致用戶體驗非常糟糕。所以先賢們發明了節流函數，簡單版本...
- 日期：2022-10-22
- 瀏覽：186
- 標簽： Vue
-
- vue模塊移動組件的實現示例
- 一直都想實現類似于五百丁中簡歷填寫中模塊跟隨鼠標移動的組件，最近閑來無事，自己琢磨實現了一個差不多的組件。其中每個模塊都是組件調入（項目經驗、教育經驗、工作經驗等），所以這里也用到了動態加載組件方式。思路：鼠標移入模塊，顯示相應模塊的點擊移動按鈕，點擊A模塊移動按鈕，此時原先A模塊所在的位置上變為拖...
- 日期：2023-01-19
- 瀏覽：9
- 標簽： Vue
-
- vue使用nprogress加載路由進度條的方法
- 1、效果圖2、安裝npm install --save nprogress基本用法NProgress.start();NProgress.done();3、在路由中使用import NProgress from ’nprogress’import ’nprogress/nprogress.css’r...
- 日期：2023-01-15
- 瀏覽：38
- 標簽： Vue
-
- Vue CLI4 Vue.config.js標準配置(最全注釋)
- 前言：Vue.js CLI工具 不知不覺發展到了4.0時代，CLI給人最直白的感受是沒有了build文件夾跟config文件夾，所有的配置都在Vue.config.js完成。那么該文件的配置至關重要。現在我們來看一下最新配置是怎么配置的。安裝npm i -d vue-cli-configjs// v...
- 日期：2023-01-15
- 瀏覽：65
- 標簽： Vue
-
- vue項目在線上服務器訪問失敗原因分析
- 珊妹兒遇到一個奇葩問題哈，跟大家伙來分享分享，首先因為剛接手的項目，我還沒有線上服務器的連接信息，前端代碼都是我打包好給別人，別人傳到服務器的，傳到線上服務器訪問不了，這就是中間出現了問題。所謂，打包就是壓縮的概念，而壓縮文件再次壓縮就會導致文件成倍的增大，這中間就出現了很多問題，我們排除了很多問題...
- 日期：2022-12-06
- 瀏覽：91
- 標簽： Vue
-
- vue路由結構可設一層方便動態添加路由操作
- 動態添加路由基本功能let routes=[{ path: ’/login’, name: ’login’, component: () => import(’../components/Login.vue’) }]this.$router.addRoutes(routes)涉及多層路由嵌套 ...
- 日期：2022-12-02
- 瀏覽：131
- 標簽： Vue
-
- 詳解vue3中setUp和reactive函數的用法
- 1 setUp的執行時機我們都知道，現在vue3是可以正常去使用methods的。但是我們卻不可以在setUp中去調用methods中的方法。為什么了？？？我們先了解一下下面這兩個生命周期函數，分別是：beforeCreate 表示data 中的數據還沒有初始化，是不可以使用的Created : d...
- 日期：2022-09-28
- 瀏覽：94
- 標簽： Vue
-
- 淺析vue偵測數據的變化之基本實現
- 目錄一、Object的變化偵測二、關于 Object 的問題三、Array 的變化偵測3.1、背景3.2、實現四、關于 Array 的問題一、Object的變化偵測下面我們就來模擬偵測數據變化的邏輯。強調一下我們要做的事情：數據變化，通知到外界（外界再做一些自己的邏輯處理，比如重新渲染視圖）。開始編...
- 日期：2022-09-28
- 瀏覽：107
- 標簽： Vue
-
- Vue實現計數器案例
- 本文實例為大家分享了Vue實現計數器展示的具體代碼，供大家參考，具體內容如下效果：<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>計數器&l...
- 日期：2022-09-28
- 瀏覽：36
- 標簽： Vue
排行榜
網公網安備