文章內(nèi)容:uni-app之網(wǎng)絡(luò)請(qǐng)求 參數(shù)名 類型 必填 默認(rèn)值 說明 url String 是 開發(fā)者服務(wù)器接口地址 data Object/String/ArrayBuf...
文章內(nèi)容:uni-app之網(wǎng)絡(luò)請(qǐng)求 參數(shù)名 類型 必填 默認(rèn)值 說明 url String 是 開發(fā)者服務(wù)器接口地址 data Object/String/ArrayBuf...
文章內(nèi)容:uni-app生命周期和模版語法 uni-app 支持如下頁面生命周期函數(shù):onLoad 監(jiān)聽頁面加載,其參數(shù)為上個(gè)頁面?zhèn)鬟f的數(shù)據(jù)坯屿,參數(shù)類型為object(用于頁面...
一领跛、什么是uni-app乏德? uni-app是一個(gè)使用 Vue.js 開發(fā)跨平臺(tái)應(yīng)用的前端框架,開發(fā)者編寫一套代碼,可編譯到iOS喊括、Android胧瓜、H5、小程序等多個(gè)平臺(tái) 二郑什、...
一弯蚜、虛擬Dom簡(jiǎn)介 虛擬Dom的最初出現(xiàn)是在Rect中,性能卓越 二剃法、什么是虛擬Dom碎捺? vdom可以看作是一個(gè)使用javascript模擬了DOM結(jié)構(gòu)的樹形結(jié)構(gòu),這個(gè)樹結(jié)構(gòu)...
計(jì)算屬性(computed)計(jì)算屬性的屬性值必須是一個(gè)函數(shù) 兩個(gè)屬性值設(shè)置(get)和獲取(set)贷洲,默認(rèn)只有g(shù)et收厨,set自己設(shè)置 set修改的只是依賴
方法(methods)
偵聽屬性(watch)
computed: 實(shí)時(shí)更新計(jì)算
1.簡(jiǎn)便邏輯操作
2.執(zhí)行時(shí)只執(zhí)行直接調(diào)用的變量
3.有緩存,如果數(shù)據(jù)不進(jìn)行更新恩脂,則不會(huì)重新觸發(fā)計(jì)算帽氓,從而節(jié)約性能
4.不便于操作異步
methods: 一方改變另一方才會(huì)伴隨相應(yīng)的改變 一般用于監(jiān)聽路由的改變
1.無緩存
2.視圖更新時(shí)都會(huì)進(jìn)行重新計(jì)算
watch:
1.重復(fù)性高
2.便于處理異步
vue之補(bǔ)充(十一)一、什么是計(jì)算屬性俩块? 計(jì)算屬性是自動(dòng)監(jiān)聽依賴值的變化黎休,從而動(dòng)態(tài)返回內(nèi)容。監(jiān)聽是一個(gè)過程玉凯,在監(jiān)聽的值變化時(shí)势腮,可以觸發(fā)一個(gè)回調(diào),并做一些事情漫仆。特點(diǎn):<1>數(shù)據(jù)可以進(jìn)行邏輯處理捎拯,減...
vuex 定義:狀態(tài)管理模式
vuex也需要下載 npm install vuex --save
引入 import Vuex from 'vuex'
使用 Vue.use(Vuex)
state 狀態(tài) mustations 觸發(fā)狀態(tài)(同步) actions 異步分支 getters計(jì)算 computed計(jì)算屬性
獲取屬性方法:
方法一:
this.$store.state.獲取的東西
方法二:
import {mapState} from "vuex"
computed:{
...mapState(["獲取的東西"])
}
方法三:
computed:{
num(){
return this.$store.state.獲取的東西
}
}
方法四:
import {mapState} from "vuex"
computed:mapState(["獲取的屬性"]
輔助函數(shù)
import { mapState, mapMutations, mapGetters, mapActions } from "vuex"; ---寧
vue之vuex(十)一、vuex是什么盲厌? Vuex 是一個(gè)專為 Vue.js 應(yīng)用程序開發(fā)的**狀態(tài)管理模式署照。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài),并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)...
路由: 一吗浩、什么是express的路由建芙? 路由表示應(yīng)用程序端點(diǎn) (URI) 的定義以及響應(yīng)客戶端請(qǐng)求的方式。它包含一個(gè)請(qǐng)求方式(methods)路徑(path)和路由匹配時(shí)的...
改變?cè)瓟?shù)組方法: 1懂扼、push():尾部添加禁荸,返回值是改變后的數(shù)組長(zhǎng)度右蒲; 2、pop()尾部刪除赶熟,返回值是刪除的元素瑰妄; 3、unshift()頭部添加映砖,返回值是改變后的數(shù)組長(zhǎng)...
路由的跳轉(zhuǎn)方式是基于hash和html5 history api啊央。使用它之前首先要下載眶诈,下載:npm install vue-router --save,下載過的都需要引用瓜饥,import Router from "vue-router",使用Vue.use(Router)浴骂。
路由跳轉(zhuǎn)方式:router-link to幫助生成a標(biāo)簽的href乓土。靜態(tài)路由跳轉(zhuǎn):<router-link to="/">首頁</router-link>;動(dòng)態(tài)路由跳轉(zhuǎn):<router-link :to='{path:"/"}'>首頁</router-link>溯警;編程式導(dǎo)航:this.$router.push({path:"/"})趣苏;命名路由:給路由對(duì)象一個(gè)name名稱;嵌套路由:子路由寫在children里梯轻;路由重定向和別名:redirect和alias食磕;路由跳轉(zhuǎn)模式:hash和history;路由導(dǎo)航守衛(wèi):分為全局導(dǎo)航守衛(wèi)和路由獨(dú)享守衛(wèi)(beforeEnter)還有組件內(nèi)的導(dǎo)航守衛(wèi)喳挑,全局導(dǎo)航守衛(wèi)又分為全局前置導(dǎo)航守衛(wèi)(beforeEach)和全局后置導(dǎo)航守衛(wèi)(afterEach)彬伦。組件內(nèi)的導(dǎo)航守衛(wèi)有beforeRouterEnter(進(jìn)入組件時(shí)調(diào)用),beforeRouterUpdate(當(dāng)前路由改變并且組件被復(fù)用時(shí)調(diào)用)伊诵,beforeRouterleave(離開組件時(shí)調(diào)用)单绑。 ---寧
vue之路由(八)一、什么是路由曹宴? 網(wǎng)絡(luò)原理中搂橙,路由指的是根據(jù)上一接口的數(shù)據(jù)包中的IP地址,查詢路由表轉(zhuǎn)發(fā)到另一個(gè)接口笛坦,它決定的是一個(gè)端到端的網(wǎng)絡(luò)路徑区转。 web中,路由的概念也是類似版扩,根據(jù)UR...
過濾器用來渲染數(shù)據(jù)废离。過濾器分為全局過濾器和局部過濾器,全局過濾器:Vue.filter(“過濾器名稱”,callback)资厉,局部過濾器:filters:{"過濾器名稱":callback}厅缺。過濾器可以用在兩個(gè)地方:雙花括號(hào)插值表達(dá)式和 v-bind 表達(dá)式。使用管道(pipe)符號(hào)指示:“|”。多個(gè)過濾器串聯(lián)時(shí)湘捎,會(huì)將前一個(gè)過濾器的結(jié)果作為參數(shù)傳給下一個(gè)過濾器诀豁。雙向過濾器:把來自模型的值顯視在視圖之前轉(zhuǎn)換它,也可以定義一個(gè)過濾器窥妇,在把來自視圖(< input > 元素)的值寫回模型之前轉(zhuǎn)化它舷胜。
普通 過濾器用在 一般的元素上,數(shù)據(jù)由m層到 v 層 只是讀
雙向過濾器有用在 表單元素上活翩, 數(shù)據(jù)雙向流動(dòng) 又讀又寫烹骨,但是如果在表單元素上用一般的過濾器就會(huì)出現(xiàn)bug --寧
vue之自定義過濾器(六)一、過濾器介紹:1材泄、在Vue中會(huì)通過過濾器(Filters)來渲染數(shù)據(jù)沮焕,使視圖可讀性更加優(yōu)雅。2拉宗、Vue中的過濾器不能替代Vue中的methods峦树、computed或者wat...
1.什么是生命周期 官方定義:任何 Vue 實(shí)例在被創(chuàng)建時(shí)都要經(jīng)過一系列的初始化過程,需要設(shè)置數(shù)據(jù)監(jiān)聽旦事、編譯模板魁巩、將實(shí)例掛載到 DOM 并在數(shù)據(jù)變化時(shí)更新 DOM 等。同時(shí)在...
在vue中除了之前學(xué)過的指令還有自定義指令姐浮。全局自定義指令:Vue.directive("指令名稱"谷遂,callback),局布自定義指令:directives:{"指令名稱"卖鲤,{}}肾扰。自定義指令的生命周期:
bind(el){ 當(dāng)元素綁定時(shí)被調(diào)用,全局只執(zhí)行一次
el:當(dāng)前綁定元素
binding:操作綁定指定的方法
vNode:dom節(jié)點(diǎn)的操作
}
inserted(){ 當(dāng)元素插入父級(jí)元素時(shí)被調(diào)用
封裝節(jié)流和防抖的自定義指令
}
componentUpdate(){ 當(dāng)主鍵內(nèi)部的內(nèi)容被修改時(shí)被調(diào)用(內(nèi)部屬性和方法改變時(shí)被調(diào)用)
如何觸發(fā)componentUpdate扫尖?
}
upbind(){ } 當(dāng)元素解綁是被調(diào)用
vue之自定義指令(五)在Vue中除了默認(rèn)的核心指令白对,Vue 也允許注冊(cè)自定義指令。在Vue里代碼復(fù)用的主要形式和抽象是組件换怖。然而有的情況下甩恼,仍然需要對(duì)純 DOM 元素進(jìn)行底層操作,這時(shí)候就會(huì)用到自...
生命周期沉颂,程序在對(duì)應(yīng)階段所觸發(fā)的狀態(tài)条摸,從實(shí)例創(chuàng)建vue對(duì)象到銷毀的過程。生命周期分為四個(gè)階段和八種狀態(tài):四個(gè)階段:create 創(chuàng)建階段 mount 掛載階段 update 更新階段 destroy 銷毀階段铸屉;八種狀態(tài):beforeCreate()相當(dāng)于vue還沒有創(chuàng)建 created()已經(jīng)初始化好了Vue對(duì)象钉蒲,一般放加載提示內(nèi)容 beforeMount()內(nèi)存中編輯完成 頁面還沒渲染 mounted() 已渲染到頁面,實(shí)例已完全創(chuàng)建好 beforeUpdate() 時(shí)間執(zhí)行時(shí) 內(nèi)存中數(shù)據(jù)已刷新彻坛,頁面的沒有刷新 update()頁面數(shù)據(jù)和內(nèi)存中保持一致了顷啼,此時(shí)頁面和內(nèi)存都已更新 beforeDestroy() 當(dāng)?shù)竭@個(gè)階段時(shí)已進(jìn)入銷毀階段踏枣,但data和methods的屬性和方法還可以使用 destroyed()到這個(gè)階段時(shí)已完全銷毀,實(shí)例中所有的東西都不能再使用钙蒙。 ---寧
vue之生命周期(四)1.什么是生命周期 官方定義:任何 Vue 實(shí)例在被創(chuàng)建時(shí)都要經(jīng)過一系列的初始化過程茵瀑,需要設(shè)置數(shù)據(jù)監(jiān)聽、編譯模板躬厌、將實(shí)例掛載到 DOM 并在數(shù)據(jù)變化時(shí)更新 DOM 等马昨。同時(shí)在...