全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果50,726个

Nuxt使用Vuex解读_vue.js_脚本之家

Nuxt.js 支持两种使用store的方式,你可以择一使用: 普通方式: store/index.js 返回一个 Vuex.Store 实例 模块方式: store 目录下的每个 .js 文件会被转换成为状态树指定命名的子模块 (当然,index 是根模块) 普通方式 使用普通方式的状态树,需要添加store/index.js文件,并对外暴露一个 Vuex.Store 实例: 1 2...
www.jb51.net/javascript/301337t...htm 2024-5-22

关于Nuxt的五种渲染模式的差异和使用场景全解析_vue.js_脚本之家

之前的 Nuxt 版本中,一个应用只能使用一种渲染模式,要么客户端渲染,要么服务端渲染,这种非黑即白的方式不灵活,一些情况下,应用的不同部分用不同的渲染方式更适合。比如电商应用首页经常变动,适合服务端渲染,商品详情页则希望静态化;又比如 CMS 中 admin 部分不需要 SEO,则适合客户端渲染,而所有内容页则仅需要生成...
www.jb51.net/article/2817...htm 2024-5-22

详解基于vue的服务端渲染框架NUXT_vue.js_脚本之家

由于公司的框架采用的是vue,所以就简单的研究了一下基于vue的服务端渲染框架——NUXT。在vue的官网有关于服务端渲染的详细介绍,而NUXT集成了利用Vue开发服务端渲染的应用所需要的各种配置,也集成了Vue2、vue-router、vuex、vux-meta(管理页面meta信息的),利用官方的脚手架,基本上是傻瓜式操作,不用写路由配置,不用...
www.jb51.net/article/1422...htm 2024-5-22

详解使用Nuxt.js快速搭建服务端渲染(SSR)应用_javascript技巧_脚本...

安装nuxt.js Nuxt.js 官方提功了两种方法来进行项目的初始化,一种是使用Nuxt.js团队的脚手架工具 create-nuxt-app ,一种是根据自己的需求自由配置 使用脚手架适合新手,对 nodejs 后台框架有所了解;按照自己需求自由配置,需要对如何配置 webpack 以及 nodejs 后台框架有所了解。 两种方式比较下就是原生和插件的区...
www.jb51.net/article/1577...htm 2024-5-21

详解Nuxt.js 实战集锦_javascript技巧_脚本之家

1. nuxt.js是什么? Nuxt.js是vue官方推荐的一个基于Vue.js的做Vue SSR的通用应用框架(开箱即用),集成了Vue,Vue-Router,Vuex,Vue-Meta等组件/框架,内置了webpack用于自动化构建,使我们可以更快速地搭建一个具有服务端渲染能力的应用。 2. nuxt.js的优势?
www.jb51.net/article/1745...htm 2024-5-22

nuxt使用vuex存储及获取用户信息踩坑的解决_vue.js_脚本之家

使用nuxt的nuxtServerInit在在服务端的cookie里获取用户信息,但是user在存储时使用js-cookie,客户端已对数据进行编码且可能包含中文,在使用JSON.parse进行string转化为对象时报错,考虑解码,使用decodeURI,但是服务端没有window对象,所以此法不行,因为本项目使用koa,不支持中文。 2、token失效,页面进入死循环,无法完成渲染...
www.jb51.net/article/2465...htm 2024-5-22

Nuxt.js开启SSR渲染的教程详解_javascript技巧_脚本之家

第一节:nuxt.js相关概述 nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作SSR(服务器端渲染).Vue.js是开发SPA(单页应用)的,Nuxt.js这个框架,用Vue开发多页应用,并在服务端完成渲染,可以直接用命令把我们制作的vue项目生成为静态html。 1.那服务器端渲染到底有什么好处呢? 主要的原因时SPA(单页应用)...
www.jb51.net/article/1517...htm 2024-5-21

nuxt中刷新页面后防止store值丢失问题_vue.js_脚本之家

nuxt刷新页面后防止store值丢失配置插件()1 2 3 plugins: [ {src:'~/plugins/storeCache',ssr: false}, ],注意:要禁止服务端运行,不然会报错,这个事件是在客户端添加的,不是在服务端小渲染的时候添加的。在plugins/storeCache.js写代码,如下。1 2 3 4 5 6 7 8 9 10 11 12 13 14 export default ...
www.jb51.net/javascript/301331e...htm 2024-5-22

详解Nuxt.js部署及踩过的坑_vue.js_脚本之家

意思是说.nuxt不加入到版本控制,每次服务器从gitlab上拉代码后先执行nuxt build生成.nuxt文件夹,然后再执行nuxt start来启动服务。 踩过的坑 部署方式很简单对不对,看完文档后我就在自己买的服务器上尝试部署一下,然后,BOOM!!! 每次在服务器上执行nuxt build,总是有如下报错,并且jenkins会随之挂掉。
www.jb51.net/article/1451...htm 2024-5-14

Nuxt的路由配置和参数传递方式_vue.js_脚本之家

<nuxt-link>标签虽然上面的例子跳转已经成功,但是Nuxt.js并不推荐这个中标签的作法,它为我们准备了<nuxt-link>标签(vue中叫组件)。我们标签替换成<nuxt-link>about文件夹下新建index.vue1 2 3 4 5 6 7 8 <template> About Index page <nuxt-link :to="{name:'index'}">Home</nuxt-link> </tem...
www.jb51.net/article/1991...htm 2024-5-22