vue面试笔记

在准备面试Vue时,可以通过以下这些知识点和技巧进行准备：

1. Vue模板语法及指令

• {{ item }}

点击我

2. Vue组件

// 定义组件
Vue.component('my-component',{
  template: '
Hello Vue!
'
})
// 引用组件

3. Vue的生命周期

created() {
  // 组件创建完毕后执行
},mounted() {
  // 组件挂载到页面上后执行
},destroyed() {
  // 组件销毁前执行
}

4. vuex及其常用API

// vuex状态管理器
const store = new Vuex.Store({
  state: {
    count: 0
  },mutations: {
    increment(state) {
      state.count++
    }
  },getters: {
    getCount: state => state.count
  }
})
// getters使用方式
const count = store.getters.getCount

5. axios及其常用API

// 使用axios发送请求
axios({
  method: 'get',url: '/api/getData'
}).then(response => {
  console.log(response.data)
}).catch(error => {
  console.log(error)
})

6. Vue-router及路由传参

// 路由配置
const routes = [
  {
    path: '/',name: 'home',component: Home
  },{
    path: '/about/:id',name: 'about',component: About
  }
]
// 路由传参
this.$router.push({ name: 'about',params: { id: 1 }})

除了以上这些知识点，还需要掌握一些常见的Vue面试题：

1. 什么是Vue？

2. Vue的双向数据绑定原理是什么？

3. Vue的父子组件如何通信？

4. Vue的虚拟DOM和真实DOM的区别是什么？

5. Vue的组件中data为什么必须是一个函数？

6. Vue的computed与watch的区别是什么？

7. Vue-router的路由传参有哪些方式？

8. Vue的生命周期钩子函数有哪些？

9. Vuex的作用是什么？

10. 如何在Vue中使用axios发送请求？

通过对以上知识点和面试题进行系统的复习和总结，相信能更好的应对Vue面试，取得好的成绩！