-
常用的dos命令
查看全部 -
2020-06-30? 0:12?
查看全部 -
this.$http.get(url).then(function(res){
})
查看全部 -
npm?install?eslint?--save??#生產環境安裝
npm?uninstall?eslint?--save?#卸載
npm?install?eslint?--save-dev?#開發環境
查看全部 -
props:{}:????父組件進行傳值
watch:{} :????進行對父組件傳遞到之間的監聽
查看全部 -
v-bind:src=" good.img"把數據綁定在img上面,bjb.json里面img可以隨時進行動態圖片更新。
v-for="good?in?list":key:"good"還要把good綁定在key值上面,不然會報錯。
查看全部 -
用事件總線傳值需要用:.js
查看全部 -
bottom?
查看全部 -
vue-cli3的第一個hello word
頁面寫法跟之前的cli2是一樣的
主要是結構有一些變化出現了views視圖層的概念,主要是mvc的思想形成的結構變化,views以后可以都用于存放我們自己寫的頁面視圖
而components是寫組件的,希望以后能區分開
查看全部 -
vue-cli3創建項目
先創建一個test3文件md test3 并進入cd test3
安裝vue項目:vue create test3-
進入命令行選擇頁面
default (babel, eslint):默認選項
?Manually select features:手動配置
然后進行手動配置的內容
? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>(*) Babel //
?( ) TypeScript //新的js邏輯,我們用傳統的js就好
?( ) Progressive Web App (PWA) Support
?(*) Router //路由跳轉必選
?( ) Vuex
?( ) CSS Pre-processors
?() Linter / Formatter //代碼規范,暫時不安裝后面會安裝
?( ) Unit Testing //單元測試
?( ) E2E Testing? //單元測試
? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)? ?//是否使用#號的歷史路徑
選擇y
? Where do you prefer placing config for Babel, ESLint, etc.? In package.json
選擇y
后面都y就可以了,之后就不需要人工干預了
注意先cd到test3安裝好的項目中,然后再npm run serve;跟cli2之前的都不一樣
查看全部 -
主要使用技術
組件及組件之間傳值
axios實現讀取json數據:商品的數據源存于json中
css相關技術進行布局,間距等樣式
使用views頁面級組件,使用router設置頁面
查看全部 -
子路由掛載:<router-view></router-view>
查看全部 -
vue-cli3創建項目:
安裝vuecli3:? vue create test3
進入項目目錄 : cd
啟動項目: npm run serve
查看全部 -
啟動圖形界面:vue ui;
查看全部 -
普通安裝 vuecli3: ?npm install -g @vue/cli
查看全部
舉報