初识NUXTJS

nuxtjs的特点:

1.路由不用配置:只要是写在pages里的文件,就可以直接变成路由,nuxtjs会自动
根据我们的文件生成路由配置

2.vuex直接用,不用安装

3.路由

动态路由:

 无论是组件还是目录只要是'-'开头的,都是动态路由的字段

嵌套路由:

需要一个vue组件,该组件内使用内置组件`<nuxt-child/>`来加载二级路由组价,还需要创一个同名的文件夹,里面写二级的路由页面组件

 4.vuex的使用:

在nuxtjs里的vuex的state从对象写法改成函数写法

5.异步数据:

asyncData 在页面加载前执行,一般用于异步请求数据
函数中接受一个参数,参数就是上下文对象【this】可以用来获取路由信息等 

6接口的请求 :

fetch方法,专门用来请求的,在vue2的spa项目中,我们的自动发起请求写在mounted里,但是在nuxtjs里写在这里
写在fetch的请求,当编译成静态文件的时候,他会默认请求一次接口,把返回的数据,写在静态页面中,从而加快,我们
访问页面的速度。
函数中接受一个参数,也可以用来接受路由信息

更多请看官网:关于 Nuxt.js - NuxtJS | Nuxt.js 中文网2016 年 10 月 25 日, zeit.co 背后的团队对外发布了 Next.js,一个 React 的服务端渲染应用框架。几小时后,与 Next.js 异曲同工,一个基于 Vue.js 的服务端渲染应用框架应运而生,我们称之为:Nuxt.js。https://www.nuxtjs.cn/guide 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值