第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

vue 整體知識框架

computed中的變量引用的變量發(fā)生變化會重新計算

chrome擴(kuò)展程序下載網(wǎng)址

computed特性

是計算值

應(yīng)用：就是簡化template里面{{}}計算和處理props或$emit的傳值

具有緩存性，頁面重新渲染值不變化，計算屬性會立即返回之前的計算結(jié)果，而不必再次執(zhí)行函數(shù)

watch特性

是觀察的動作

應(yīng)用：監(jiān)聽props,$emit或本組件的值執(zhí)行異步操作

無緩存性，頁面重新渲染時值不變化也會執(zhí)行

看了一會，大家寫的有點糙，實操后簡單整理了一下nvm安裝：

nvm安裝：

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash? ?// 下載鏡像

vim .bash_profile? ? //文件配置? 沒裝vim的執(zhí)行命令： yum install vim?

寫入： export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"

[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

source .bash_profile? ?//刷新配置文件

集成場景：

? 單頁面、多頁面引入Vue.js

? 復(fù)雜單頁面應(yīng)用vue cli工具

開發(fā)工作流：

? 需求調(diào)研(確定需求)

? 交互設(shè)計、邏輯設(shè)計、接口設(shè)計

? 代碼實現(xiàn)、測試運(yùn)行、線上部署

代碼管理工具：Git

? 創(chuàng)建項目：git clone, git init

? 創(chuàng)建分支，推送分支，合并分支

? 刪除分支，回退版本

調(diào)試：

Chrome的Vue插件

輸出：console.log

阻塞：alert()

斷點：debugger

vm實例, window對象綁定

單向數(shù)據(jù)流：Actions, State, View

多個視圖依賴于同一狀態(tài)：菜單導(dǎo)航

來自不同視圖的行為需要變更同一狀態(tài)：評論彈幕

Vuex：為Vue.js開發(fā)的狀態(tài)管理模式，組件狀態(tài)集中管理，組件狀態(tài)改變遵循統(tǒng)一的規(guī)則

store.js

import?Vue?from?'vue'
inport?Vuex?from?'vuex'
Vue.use(Vuex)
export?default?new?Vuex.Store({??
??state:?{
????count:?0
??},
??mutations:?{
????increase(){
??????this.state.coount++
????}
??},
??actions:?{??}??
})

組件中使用

import?store?form?'@/store'
export?default{
??name:?'about',
??store,
??data(){
????return?{
??????num:?store.state.count
????}
??},
??methods:?{
????add(){
??????store.commit('increase')
????}
??}
}

組件化的問題：

組件狀態(tài)管理：vuex

多組件的混合使用，多頁面，復(fù)雜業(yè)務(wù)：vue-router

組件間的傳參、消息、事件管理：props, emit/on, bus

版本要求

node>8, npm>6

npm升級到最新版本：npm install -g npm@latest

安裝vue-cli

npm install -g @vue/cli

項目創(chuàng)建（項目名稱可以小寫字母、-、_）

1、vue create hello-world

2、vue ui

運(yùn)行項目：切換到項目根目錄，npm run serve

計算屬性：computed(多個變更)

偵聽器：watch(單一變更或數(shù)組)

使用場景：watch(異步), computed(數(shù)據(jù)聯(lián)動)

兩者都是監(jiān)聽本實例的變量

vue-router 使用

1. App.vue 中添加router-link

2. router.js 中添加路徑及模塊

3. 添加對應(yīng)的.js顯示模塊