2024年最新Nuxt(3)，2024年最新前端开发者面试如何系统复习

最后

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

})

}

五、项目中 如何获取链接中带的参数，并使用：

// 这种方式获得的只能当前页面使用，但是无法参与服务器渲染使用，所以需要参与服务器渲染的还是得在 asyncData() 中获取 。

created () {

// 初始化标签选中

this.industry = this.$route.params.tag || 0

// console.log(this.$route);

}

// asyncData() 函数里面会带回来一个上下文，这个对象里面有所有需要的对象集合

// https://www.nuxtjs.cn/api/context

asyncData (context) {

…

}

// 获取链接中带的参数

async asyncData ({ query, params }) {

…

}

六、项目中 自定义路由，类似 Vue 一样，找到 nuxt.config.js ，加上下面配置：

// 自定义路由，以及页面参数

router: {

extendRoutes(routes, resolve) {

routes.push(

{

name: ‘creator’,

path: ‘/creator/:id?/:tag?’,

component: resolve(__dirname, ‘pages/creator-view.vue’)

},

{

name: ‘video’,

path: ‘/video/:id?’,

component: resolve(__dirname, ‘pages/video-view.vue’)

}

)

}

},

七、项目中 添加代理，类似 Vue 一样，找到 nuxt.config.js，加上下面配置：

但是如果是 ssr 开发，就不存在跨域一说了，都是服务器直接组装好直接返回整个页面显示，因此也不需要配置。

axios: {

proxy: true

},

proxy: {

‘/api’: {

target: ‘http://10.0.90.164:8081’,

changeOrigin: true,

pathRewrite: {

‘^/api’: ‘’

}

},

},

八、项目中添加 全局样式、iconfont 等等，找到 nuxt.config.js，加上下面配置：

• iconfont 使用配置

• 全局样式

css: [

‘ant-design-vue/dist/antd.css’,

‘~/assets/css/reset.css’,

‘~/assets/iconfont/iconfont.css’

],

Vue

• 什么是MVVM？

• mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？

• 组件之间的传值？

• Vue 双向绑定原理

• 描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？

• 虚拟 DOM 实现原理

• Vue 中 key 值的作用？

• Vue 的生命周期

• Vue 组件间通信有哪些方式?

• vue 中怎么重置 data?

• 组件中写 name 选项有什么作用？

• Vue 的 nextTick 的原理是什么？

• Vuex 有哪几种属性?

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  

  

forums/4304bb5a486d4c3ab8389e65ecb71ac0)**