1、MVVM的理解

Model view viewmodel

2.vue中html上如何載入data中資料（列舉三種）

插值表示式、v-cloak、v-text、v-html

3、如何繫結屬性和事件

v-on @

v-bind :

4、vue中常見的事件修飾符有哪些，分別是做什麼的？

l.stop阻止冒泡
l.prevent阻止預設事件
l.capture新增事件偵聽器時使用事件捕獲模式
l.self只當事件在該元素本身（比如不是子元素）觸發時觸發回撥
l.once事件只觸發一次

5、vue中如何實現雙向資料繫結

v-model

6、v-if與v-show區別，以及應用場景。

v-if()是直接刪除或添加當前元素，

7、程式碼實現v-for渲染資料，並要求隔行換色

8、自定義過濾器實現日期的格式化

Vue.filter("dateTime", (data,format="YYYY-MM-DD hh-mm-ss") => {
let year = data.getFullYear();
let month = String(data.getMonth() + 1).padStart(2, "0");
let day = String(data.getDate()).padStart(2, "0");
let hour = data.getHours().toString().padStart(2
 
, "0");
let minute = data.getMinutes().toString().padStart(2, "0");
let second = data.getSeconds().toString().padStart(2, "0");
return format.replace("YYYY", year)
.replace("MM", month)
.replace("DD", day)
.replace("hh", hour)
.replace("mm", minute)
.replace("ss", second)
})

9、自定義指令實現自動聚焦功能

Vue.directive("
 
focus", {
            bind(el, binding) {
            },
            inserted(el, binding) {
                el.focus();
            },
            update(el, binding) {
            }
        })

10、Vue生命週期函式有哪些，都有哪些作用

BeforeCreate()  建立例項之前，這個階段拿不到data上面的資料。此階段進行頁面重定向

Created()  介面還沒有渲染，但是可以拿到data值了，也是最早可以對資料進行初始化的地方

beforeMount()  執行之前，這個階段已經準備好了要編譯的模板，但還沒有渲染到介面Mounted()  介面已經渲染好了，如果依賴於dom的元件初始化可以放到這裡

beforeUpdate() 資料更新之前，但是介面還沒有更新

Updated()  如果介面改變了，有些元件可能還需要渲染，渲染過程就放在這裡

beforeDestroy()  銷燬之前

Destroyed()  銷燬了

11、axios如何進行get和post請求

axios.get(地址,{})

axios.post(地址,{})

12.編碼實現通過axios進行檔案上傳。

介面地址http://myhope365.com/upload/file

引數：

file上傳的檔案

name檔名字

13.post請求中常見的三種請求體格式是什麼？如何傳遞這些資料

Json格式:Content-type:application/json

表單格式:application/x-www-form-urlencoded

Application/form-data

14、程式碼實現，父元件分別將名為header內容為“我是頭部”和名為footer，內容為“我是底部“插槽，填充到子元件

15、如何進行路由重定向

path:'/',redirect:"/指定的地址"

16、定義路由的步驟有哪些？

引入路由的js

建立路由例項。 new VueRouter

配置地址和元件的對映關係。 routes

把路由例項掛載到vue上。指定路由到這個地址之後，元件顯示的位置<router-view></router-view>

17、路由如何跳轉？（兩種方式）

Query

Params

18、路由跳轉如何傳遞引數，如何獲取路由跳轉的引數？

拼接引數，多個引數用 &連線

this.$route.query.引數名

19、簡述一下vue的計算屬性，已經應用場景？

20、Vue中列表迴圈中為什麼要設定key值？

讓介面元素和數組裡的每條元素進行繫結

21、全域性定義一個元件，該元件有一個輸入框和一個按鈕，元件下展示一個數組。要求陣列的資料從父元件傳遞進來，使用者輸入內容後，點選按鈕，按照輸入值進行篩選。