Nuxt.js
Nuxt.js是一个基于Vue.js的通用应用框架,Nuxt.js 预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。
百思不得小李
互相学习,多多指教
展开
-
Nuxt.js项目里的动态路由、嵌套路由和动画使用
Nuxt项目基础路由使用Nxut项目里的路由和vue项目里的路由有点区别,官方Nuxt路由介绍点击https://zh.nuxtjs.org/guide/routing,要在页面之间使用路由,我们使用 标签路由跳转。和vue项目不同的是,我们无需再单独配置路由,Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。如下例,我们在pages文件夹下新建了两个文件夹home文件夹和orders文件夹,然后这两个文件夹里都有index.vue文件。然后再在布局目录layo原创 2020-07-11 14:36:20 · 2751 阅读 · 0 评论 -
Nuxt.js项目目录说明及sass使用
Nuxt.js项目目录之前<<一篇文章搞懂服务器端渲染与客户端渲染以及利用脚手架工具 create-nuxt-app搭建Nuxt.js项目>>里我们学习了如何用脚手架工具 create-nuxt-app搭建Nuxt.js项目,如下图:运行一下我们搭建好的nuxt项目之后,浏览器里打开端口localhost:3000,效果如下:这个myproject就是我们项目名。打开安装好了的nuxt项目,其目录有如下这些:assets文件夹下放一些未被编译的静态资源,如图片、css原创 2020-07-11 14:16:43 · 1045 阅读 · 0 评论 -
一篇文章搞懂服务器端渲染与客户端渲染以及利用脚手架工具 create-nuxt-app搭建Nuxt.js项目
服务器端渲染与客户端渲染服务器端渲染:后端先调用数据库,获得数据之后,将数据和页面元素进行拼装,组合成完整的html页面,再直接返回给浏览器,以便用户浏览。例如:https://www.cnblogs.com/cate/design/客户端渲染:数据由浏览器通过ajax动态取得,再通过js将数据填充到dom元素上最终展示到网页中,这样的过程叫客户端渲染。例如:https://h5.ele.me/msite/服务器端渲染与客户端渲染哪个更好?哪个更好没有标准的答案,看使用场景。服务器端渲染需要消耗原创 2020-07-11 12:01:48 · 537 阅读 · 0 评论