-
vue 整體知識框架
查看全部 -
computed中的變量引用的變量發生變化會重新計算
查看全部 -
chrome擴展程序下載網址
查看全部 -
就是扣扣啦啦啦啦啦啦聲查看全部
-
computed特性
是計算值
應用：就是簡化template里面{{}}計算和處理props或$emit的傳值
具有緩存性，頁面重新渲染值不變化，計算屬性會立即返回之前的計算結果，而不必再次執行函數
watch特性
是觀察的動作
應用：監聽props,$emit或本組件的值執行異步操作
無緩存性，頁面重新渲染時值不變化也會執行
查看全部 -
Webstom Vs Vmp Node查看全部
-
看了一會，大家寫的有點糙，實操后簡單整理了一下nvm安裝：
nvm安裝：
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash? ?// 下載鏡像
vim .bash_profile? ? //文件配置? 沒裝vim的執行命令： 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
? 復雜單頁面應用vue cli工具
開發工作流：
? 需求調研(確定需求)
? 交互設計、邏輯設計、接口設計
? 代碼實現、測試運行、線上部署
代碼管理工具：Git
? 創建項目：git clone, git init
? 創建分支，推送分支，合并分支
? 刪除分支，回退版本
查看全部 -
調試：
Chrome的Vue插件
輸出：console.log
阻塞：alert()
斷點：debugger
vm實例, window對象綁定
查看全部 -
單向數據流：Actions, State, View
多個視圖依賴于同一狀態：菜單導航
來自不同視圖的行為需要變更同一狀態：評論彈幕
Vuex：為Vue.js開發的狀態管理模式，組件狀態集中管理，組件狀態改變遵循統一的規則
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') ????} ??} }查看全部 -
組件化的問題：
組件狀態管理：vuex
多組件的混合使用，多頁面，復雜業務：vue-router
組件間的傳參、消息、事件管理：props, emit/on, bus
查看全部 -
版本要求
node>8, npm>6
npm升級到最新版本：npm install -g npm@latest
安裝vue-cli
npm install -g @vue/cli
項目創建（項目名稱可以小寫字母、-、_）
1、vue create hello-world
2、vue ui
運行項目：切換到項目根目錄，npm run serve
查看全部 -
計算屬性：computed(多個變更)
偵聽器：watch(單一變更或數組)
使用場景：watch(異步), computed(數據聯動)
兩者都是監聽本實例的變量
查看全部 -
vue學習：查看全部
-
vue-router 使用
App.vue 中添加router-link
router.js 中添加路徑及模塊
添加對應的.js顯示模塊
查看全部
舉報