vue小说网需要哪些技术点？

一、vue小说网需要哪些技术点？

vue是前端框架，小说网为网站。实现小说网的前端框架各有千秋，甚至也不需要框架，自己实现。技术点对于需要seo搜索引擎优化，就需要注意，vue动态渲染，需要考虑服务器端渲染。

二、vue 的ssr的轮播图vue-awesome-swiper

官网使用nuxt将vue服务器端渲染ssr成静态页面,利于seo搜索,使用 starter 模板创建,项目开发完成后，使用 npm run generate

轮播图插件:# vue-awesome-swiper

参考地址

npmjs的vue-awesome-swiper

github的vue-awesome-swiper

操作:

1,

目前报错

解决(对应plugin文件夹下的文件)

三、vue面试问项目用到什么技术栈时怎么回答

常用的有路由、vue 指令、axios(用于后端数据请求)、vuebus、时间处理（moment）结合过滤器使用、拦截器、监视、走后门（特殊情况用一下 DOM）、还有一些 ui(element、mint、mui)以及其他一些业务上需要的第三方插件等。

或者还可以回答以下技术。

1、vue 的脚手架可以从自行搭建与 webpack 的原理 。

2、vue 项目路由、状态管理、axios、ApI 的封装。

3、vue 服务端渲染 ssr 原理与完整的 SEO 处理点。

4、vue 多页面原理。

5、vue 的响应式原理。

四、Vue SSR 项目 Nuxt.js 框架之《设置mate与定义化html模板》

在做一些SEO的时候，一般会设置meta信息，或者做移动端项目的时候会设置一下视口等。我们一起看下在 nuxt 中如何设置 meta 和 head 内容的，以及如何定义化 html 模板。

重启后查看源码就可以看到我们设置的 head 信息了~~

页面个性化设置的时候，需要在页面里写入 head 函数并返回一个对象，如下：

这样就完成了每个页面的个性化的 meta 等一些 head 信息

每个页面的个性化设置 head 信息可以每个页面都写一个 head 函数去设置，但显得臃肿也不利于维护。我们可以在 plugins 的 mixins 文件里混入一个全局方法，每个页面去调用，以此来实现个性化的 meta 信息设置。

混入后，每个页面使用如下：

处理以上提到的设置 head 信息的方式，还可以通过定义化 html 模板来实现，但需要遵循nuxt的一些规则，比如：名称必须为 app.html ，而且必须用 双花括号 获得已设置的信息等，如下：

五、vue切换路由不会刷新页面就是巨大的优点吗？

切换路由不会刷新页面是因为所有页面都已经事先下载到浏览器了，这会给用户比较流畅的用户体验。从这方面来说是优点。不过如果网速较快，传统的Ajax技术一样可以不用刷新页面，所以这个优点说不上“巨大”。Vue最大的优点应该是实现了Web前端开发的MVVM模式（React也一样，不过Vue的模板化方式做得更舒适）。

这是一种单页应用的实现方式，有它的优点，也有缺点。

除了可以使用vue实现外，还可以使用其他框架实现，如react、angular等。

优点：单页应用模拟APP实现无刷新页面跳转，同时前后端分离，可以更大限度地优化前端。

缺点：页面在前端渲染，不利于SEO，同时较复杂的网站维护成本较高，权限复杂的功能实现较困难。

网站维护成本较高，权限复杂的功能实现较困

Tags：路由   切换   刷新

转载：感谢您对半点优化网(www.bdxc.net)网站的认可以及对作品的青睐，欢迎各位朋友分享到个人网站或朋友圈。转载请说明文章出处“半点优化网”。/wzjswt/69440.html

很赞哦！ ()