Vue前端學習筆記-006-眼花繚亂的各類符號

1.import('@/view/single-page/home')
這裏的@,表明別名的意思 ;它一般在vue.config.js文件裏定義:
chainWebpack:config=>{
config.resolve.alias.set('@',resolve('src');
}複製代碼

2.<input :name="name" :type="type"/> 這裏的':',是v-bind的縮寫;
  <button @click="query"/> 這裏的'@',是v-on指令的縮寫.複製代碼

3.<InputGroup :type="type" @input="$emit('input',$event.target.value)" @click="clickFn"/>InputGroup是我自定義的一個輸入框組件,能夠無論它. 
@input用於監聽輸入  @click監聽點擊事件.二者的@我理解爲觸發事件.複製代碼

4.import axios from 'axios'
 Vue.prototype.$axios = axios;
這裏的'$'其實沒什麼特殊含義,只是用來區分是系統的仍是用戶自定義的變量,因此定義的時候其實很隨意.複製代碼

遇到了看不懂的不會的符號會在這裏記錄. .. .. vue

相關文章
相關標籤/搜索