nuxt
人间草木96
这个作者很懒,什么都没留下…
展开
-
nuxt.js服务端渲染中moment的配置和使用
第一步:npm 安装moment,文件根目录下安装,指令如下npm install moment -save第二步:在组件中引用和使用,其中nuxt不能像vue一样将moment改写为Vue的原型属性,所以你想使用moment就得在每个组件中引用一次import moment from 'moment'第三步:在组件中使用<template> &l...原创 2019-03-19 15:35:51 · 2871 阅读 · 1 评论 -
nuxt.js服务端渲染中less的配置和使用
第一步:npm 安装 less 和 less-loader,文件根目录下安装,指令如下npm install less less-loader --save-dev第二步:直接在组件中使用<template> <div class="my">my <div class="myy">111</div> &l...原创 2019-03-19 15:40:40 · 8323 阅读 · 5 评论 -
nuxt.js服务端渲染简介
1.是什么?Nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作SSR(服务器端渲染)。2.为什么?vue开发的SPA(单页应用)不利于搜索引擎的SEO优化。3.适用于:Nuxt.js适合作新闻、博客、电影、咨询等需要搜索引擎提供流量的项目。4.优点:基于 Vue.js自动代码分层服务端渲染强大的路由功能,支持异步数据静态文件服务ES6/ES7 语...原创 2019-03-19 15:42:29 · 415 阅读 · 0 评论 -
nuxt.js服务端渲染中路由的学习
与传统的Vue项目不同的是,我们在使用Vue的时候需要配置Vue-Router信息,在Nuxt有很关键的一点就是约定优于配置。page目录下的所有*.vue文件会自动生成路由配置。nuxt.js的路由和vue不一样,不需要你手动配置,它是根据 依据pages目录结构自动生成vue-router模块的路由配置。基础路由假设pages的目录结构如下:那么,Nuxt.js...原创 2019-03-19 15:51:35 · 613 阅读 · 0 评论 -
nuxt.js服务端渲染中路由的跳转
一、nuxt.js 路由跳转1、nuxt-link标签跳转在html标签内使用nuxt-link跳转,相应于超链接a标签,使用方式如下:<nuxt-link to="/">首页</nuxt-link>2、编程式导航-JS代码内部跳转实际项目中,很多时候都是通过在JS代码内部进行导航的跳转,使用方式如下this.$router.push('/xxx...原创 2019-03-19 16:36:10 · 11164 阅读 · 0 评论 -
create-nuxt-app脚手架的搭建 "nuxt": "^2.4.0"
*****先要安装node.js,使用npm包管理工具 node.js安装方法如下*****https://blog.csdn.net/shiyaru1314/article/details/54963027https://blog.csdn.net/qq_42564846/article/details/82688266大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里...原创 2019-03-18 16:08:43 · 3127 阅读 · 0 评论 -
nuxt.js服务端渲染中axios和proxy代理的配置
需要npm axios?刚开始,我以为需要像普通的vue SPA开发那样,需要npm axios,这种方式的确可以生效。但在使用时并不方便。尤其是设置代理比较麻烦,而且在asyncData里与在普通methods里使用方式不一样。后来在nuxt的github上发现了nuxt是默认集成了axios的,所以不需要npm axios,但是需要进行适当的配置。以上是百度到的,发现老是报错,...原创 2019-03-18 17:39:58 · 12321 阅读 · 3 评论 -
nuxt.js服务端渲染使用flexible.js和postcss-px2rem实现移动端自适应—淘宝弹性布局方案(750px设计稿)
在用vue做服务端渲染的时候需要对移动端做适配所以要用到postcss-2rem插件,第一步:首先下载flexible.js可加载阿里的cdn文件 http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js其中代码为:(你可以直接复制过去);(function(win, lib) { va...原创 2019-03-18 19:18:37 · 6528 阅读 · 4 评论