Vant UI + Vue + Cli3.0 + Rem移動(dòng)端項(xiàng)目搭建 1. 創(chuàng)建vue項(xiàng)目 創(chuàng)建項(xiàng)目 引入less (通過(guò)vue ui 可視化頁(yè)面安裝依賴(lài)插件） 2. 引入...
發(fā)簡(jiǎn)信
IP屬地：臺(tái)灣
-
Vant UI + Vue + Cli3.0 + Rem移動(dòng)端項(xiàng)目搭建
-
@我是大帥b 放棄了??自己去看筆記
JS——數(shù)組的方法 & 高階函數(shù)
一、數(shù)組基本用法 1、創(chuàng)建數(shù)組方法 （1）使用new關(guān)鍵字 （2）使用中括號(hào)[], 推薦 （3）使用Array.of() 2、數(shù)組的長(zhǎng)度（屬性） 數(shù)組的長(zhǎng)度：就是數(shù)組中元素的...
-
-
Saber 學(xué)習(xí)總結(jié)簡(jiǎn)介 Saber 是 SpringBlade 前端 UI 框架，主要選型技術(shù)為 Vue、Vuex、Avue、Element UI，項(xiàng)目基于 Vue CLI 構(gòu)建。 Saber...
-
Vue3——vue-router4 & vuex4
一、vue-router4 vue-router[https://next.router.vuejs.org/zh/installation.html] 1、安裝vue-ro...
-
Vue3——組件傳值 & v-model & 異步組件 & teleport組件一、父子組件傳值 父組件通過(guò)props向子組件傳值，子組件通過(guò)emit觸發(fā)自定義事件傳遞新值給父組件。props：setup函數(shù)中第一個(gè)參數(shù)props用于接收父組件傳遞進(jìn)來(lái)的...
-
Vue3——Hook函數(shù) & 生命周期 & toRef和toRefs & 其他的組合式API一、Hook函數(shù) Vue3 的hook函數(shù)相當(dāng)于 vue2 的 mixin，不同點(diǎn)在于hooks是函數(shù)。Vue3的hook函數(shù)可以幫助我們提高代碼的復(fù)用性，能在不同的組件中都...
-
Vue3-前端構(gòu)建工具(Vue-Cli和Vite) & 計(jì)算屬性 & 偵聽(tīng)器
一、Vue-Cli vue3使用環(huán)境：Vue CLI 4.x以上，Node.js版本 8.9以上。 main.js 二、Vite Vite[https://vitejs.cn...
-
Vue3——初始Vue3 & Vue2和Vue3的響應(yīng)式 & 組合式API & ref和reactive
一、初始Vue3 Vue3官方地址[https://v3.cn.vuejs.org/] 1、導(dǎo)入Vue3 2、創(chuàng)建vue實(shí)例 Vue3和Vue2創(chuàng)建vue實(shí)例的區(qū)別：① 在V...
-
Vue CLI——代理服務(wù)器 & 過(guò)渡 & nanoid一、過(guò)渡 1、單元素/組件的過(guò)渡 Vue 提供了transition的封裝組件，將需要有過(guò)渡效果的內(nèi)容用transition組件包裹起來(lái)。v-enter：這是入場(chǎng)動(dòng)畫(huà)開(kāi)始之前...
-
Vue CLI——自定義插件、自定義指令
一、key v-for綁定key值，為什么不建議使用index作為key值?如果只是展示列表數(shù)據(jù)，key值可以是索引；如果列表中的數(shù)據(jù)會(huì)經(jīng)常發(fā)生變化，特別是列表數(shù)據(jù)的位置會(huì)發(fā)...
-
Vuex簡(jiǎn)單使用一、初始化Vuex Vuex[https://vuex.vuejs.org/zh/]是一個(gè)專(zhuān)為 Vue.js 應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的...
-
Vue CLI——組件間傳值
一、父子組件傳值 1、父?jìng)髯?（1）props 父組件向子組件傳值，可以通過(guò)綁定屬性傳值；子組件通過(guò)props接收父組件傳值。父組件： 子組件： （2）$attrs 父級(jí)傳過(guò)...
-
仿寫(xiě)京東移動(dòng)端首頁(yè)一、項(xiàng)目簡(jiǎn)介 該項(xiàng)目是制作京東移動(dòng)端頁(yè)面，完成首頁(yè)頭部搜索和底部導(dǎo)航布局，利用 swiper 完成首頁(yè)的輪播圖效果以及 nav 和超值購(gòu)區(qū)域布局，最后點(diǎn)擊底部導(dǎo)航的‘分類(lèi)’可...
-
Vue CLI——路由傳參 & 路由進(jìn)階 & 路由緩存一、路由傳參 1. params 參數(shù) （1）params 參數(shù) 路由配置 頁(yè)面 （2）v-html指令 v-html指令，可以渲染富文本內(nèi)容（包含html信息的內(nèi)容）。v-...
-
Vue CLI——Vue Router路由 & swiper插件 & Echarts使用一、Vue Router路由 Vue Router[https://router.vuejs.org/zh/]是Vue.js官方的路由管理器，可以實(shí)現(xiàn)頁(yè)面的跳轉(zhuǎn)。 1、安裝 ...
-
Vue CLI——初始Vue-Cli & 創(chuàng)建組件 & Element-UI使用一、初始Vue-Cli Vue CLI[https://cli.vuejs.org/zh/]是一個(gè)基于 Vue.js 進(jìn)行快速開(kāi)發(fā)的完整系統(tǒng)。 1、安裝 全局安裝Vue-Cl...
-
Vue——.sync修飾符 & 具名插槽 & 作用域插槽 & mixin混入一、深入理解v-model v-model 其實(shí)就是 v-bind: 和 v-on: 的語(yǔ)法糖。將自定義組件，綁定數(shù)據(jù)的屬性改成value，監(jiān)聽(tīng)事件的名稱(chēng)改成input，也可...