1.Vue的簡介＋介紹
1.Vue的簡介＋介紹
? ? Vue是一套用于構(gòu)建用戶頁面的漸進式框架，與其他大型框架相比，Vue被設計為可以自底向上逐層應用。
? ? 其他大型框架往往一開始就對項目的技術方案進行強制性的要求，而Vue更加靈活，開發(fā)者既可以選擇使用Vue
? ? 來開發(fā)一個全新項目，也可以將Vue引用到一個現(xiàn)有的項目中。
2.阻止默認事件的指令是什么
? ?prevent——阻止默認事件
? ?等同于js中的event.preventDefalut()。
3.插入文本內(nèi)容用的是什么指令
? ?v-text
4.子組件調(diào)用父組件的方法
? ? 首先需要在子組件中通過調(diào)用內(nèi)建$emit()方法觸發(fā)自定義事件及參數(shù)，然后在父組件中監(jiān)聽自定義事件并處理。
5.Vue中提到的模板指令是什么
? ?v-model：雙向數(shù)據(jù)綁定
? ?v-on：監(jiān)聽事件
? ?v-bind：單向數(shù)據(jù)綁定
? ?v-text：插入文本內(nèi)容
? ?v-html：插入包含HTML的內(nèi)容
? ?v-for：列表渲染
? ?v-if：條件渲染
? ?v-show：顯示隱藏
6.Vue的生命周期（8個）
? ?是指Vue實例從創(chuàng)建到消亡的過程。
? ?*beforeCreate，在vue實例開始初始化時調(diào)用。
? ?*created，在實例創(chuàng)建后調(diào)用，此時尚未開始DOM編譯。
? ?*beforeMountVue，在vue實例掛載之前，render函數(shù)首次被調(diào)用。
? ?*mounted Vue，實例掛載到DOM節(jié)點上之后進行調(diào)用，相當于js中的Windows onload（）方法。
? ?*beforeUpdate，當數(shù)據(jù)發(fā)生變化時，在虛擬DOM狀態(tài)變化之前。
? ?*updated，虛擬DOM被重新渲染之后調(diào)用。
? ?*beforeUnmont，實例銷毀之前，vue實例依然可用。
? ?*unmounted Vue，實例銷毀之后，vue實例及其子實例將完全解綁。
? ? ?入場鉤子分別是beforeEnter（入場前）、enter（入場）、afterEnter（入場后）和enterCancelled（取消入場）
? ?出場鉤子分別是beforeLeave（出場前）、leave（出場）、afterLeave（出場后）和leaveCancelled（取消出場）
? ?<transition>
? @before-enter="beforeEnter"
? @enter="enter"
? @after-enter="afterEnter"
? @enter-cancelled="enterCancelled"
? @before-leave="beforeLeave"
? @leave="leave"
? @after-leave="afterLeave"
? @leave-cancelled="leaveCancelled"
? v-bind:css="false">? // Vue會跳過CSS的檢測
? ?</transition>?
?
7.v-show、v-if意思
? ?v-show：根據(jù)表達式的值來判斷DOM元素是否顯示或隱藏（顯示隱藏）
? ?v-if：根據(jù)表達式的值來判斷DOM元素是重建還是銷毀（條件渲染）
8.路由怎樣引入的有幾種方法
?（3種方法）
? ?使用本地文件引入；
? ?使用CDN方式引用；
? ?使用NPM方式引用。
?
9.Vue x有哪些配置選項
? ?state作用：存儲數(shù)據(jù)。
? ?gettres作用：state計算屬性。
? ?mutaions作用：同步更新state數(shù)據(jù)。
? ?actions作用：異步更新數(shù)據(jù)。
? ?modules作用：模塊化處理vuex數(shù)據(jù)。
考試題型:選擇題+填空題+簡答題+實操題（50分）
實操題：創(chuàng)建一個項目，引入一個vant插件
? ? ? ? ? ? 先安裝vue-cli
? ? ? ? ? ? npm install -g @vue/cli
? ? ? ? ? ? vue -v
? ? ? ? ? ? vue create demo-1
? ? ? ? ? ? cd demo-1
? ? ? ? ? ? npm run serve
? ? ? ? ? ? npm i vant
在main.js里加
? ? ? ? ? ? import { createApp } from 'vue'
? ? ? ? ? ? import App from './App.vue'
? ? ? ? ? ? import { Button } from 'vant';
? ? ? ? ? ? createApp(App).use(Button).mount('#app');
在app.vue
? ? ? ? ? ? <van-button type="primary">主要按鈕</van-button>
? ? ? ? ? ? <van-button type="success">成功按鈕</van-button>
? ? ? ? ? ? <van-button type="default">默認按鈕</van-button>
? ? ? ? ? ? <van-button type="warning">警告按鈕</van-button>
? ? ? ? ? ? <van-button type="danger">危險按鈕</van-button>
? ? ? ? ? ? 最后加樣式即可。
? ? ? ? ? ?
