keep-alive 標簽包裹緩存
transition 過渡效果 標簽嵌套 指定name 可以自定義name 寫css name-enter-active七蜘,leave-active
is實現動態(tài)組件
子組件向父組件通過觸發(fā)一個事件 emit
插槽在組件 里 slot
子組件里slot接受
看到第六章
學習 定制計劃 -- vue
npm run build 生成部署用的文件 壓縮 在dist下static下
--save 保存到package
--save-dev 保存到開發(fā)環(huán)境下
vue.use
npm install vuex --save
------編譯打包上線 需要在根目錄下創(chuàng)建文件prod.end.js
vue-cli默認開啟eslint檢查語法谭溉,比較嚴格
1》 config/index.js dev對象中,把useEslint的值改為false橡卤;
2》文件頭部加一個 /*eslint-disable*/
<script type="text/javascript" src="http://api.map.baidu.com/api?
v=2.0&ak=SyRux96r0i0Xue1Qqp0ZPb4uCc8BC6Aw"></script>
百度地圖密匙
vuex是什么扮念? 所有組件狀態(tài)數據放在一個空間管理
sass lorder引入問題 webpack配置別名問題 m-header里頭部未完善
從qq音樂抓取數據
音樂請求地址與視頻不一
所有開發(fā)的代碼都是基于src目錄
api后端請求代碼 ajax axios
文件夾下有.giekeep文件 目錄為空的情況下 文件夾還會上傳到github
common 靜態(tài)文件 圖片icon
components 組件
store vuex
入口 main.js
<style lang="scss" scoped="" type="text/css"></style>
vue list
dependencies --save 運行時需要
devDependencies --save-dev 開發(fā)時需要
fastclick.attach(document.body) body下整個點擊沒有300延遲
import MHeader 與 vue組件里類名一致
./文件夾 如果沒有配置別名 必須./
router-link 標簽 在選中的時候 會自動給整個標簽添加一個 router-link-active的class 你可以根據這個class 設置他的樣式。 如
果再選中 其他的碧库。 這個class 就會消失 柜与。 從而樣式也就會消失
vue2.0小案例 》》》 小案例 中案例 電商體系 音樂盒
npm install -g vue-cli
vue init webpack vuedemo
npm install
npm run dev
試驗引入組件
父傳子 props 以字符串形式
子傳父 四種 父 注冊 events 注冊
vue-music: 運行服務端命令 npm run serve
看到8
porps父子組件傳值
computed
$watch 監(jiān)聽對象
1.methods里面定義的是函數,你顯然需要像"fuc()"這樣去調用它(假設函數為fuc)
2.computed是計算屬性谈为,事實上和和data對象里的數據屬性是同一類的(使用上),
但watch和computed也有明顯不同的地方:
watch和computed各自處理的數據關系場景不同
1.watch擅長處理的場景:一個數據影響多個數據
2.computed擅長處理的場景:一個數據受多個數據影響
lazy number lazy:使用了這個修飾符將會從“input事件”變成change事件進行同步
Vue.partial 1.0方法
<input type="checkbox" v-model="toggle" v-bind:true-value="a" v-bind:false-value="b">
<br>
<pre>{{ toggle }}</pre>
<input v-model="msg" debounce="2500"> {{msg}}<h3>第一次文字框,會延時幾秒鐘才會綁定</h3>
.sync和.once修飾符