nuxt
nuxt
Python User
这个作者很懒,什么都没留下…
展开
-
nuxt.js 目录
原创 2021-07-15 18:56:42 · 105 阅读 · 0 评论 -
nuxt.js 异步请求数据 asyncData方法
info不需要 this.info因为他是组件创建之前的一个动作,asyncData会直接将变量返回到data里面,所以直接使用 info就可以原创 2021-07-15 18:33:24 · 2541 阅读 · 0 评论 -
nuxt.js 设置meta标签,动态设置title
全局设置meta在nuxt.config.js中在nuxt.config.js配置文件中,有个head属性可以设置全局的title,content和keywords等属性局部设置设置某个单独页面的title和关键字等,首先要找到这个页面的JS代码有一个head()方法,同样可以进行一些类似的设置:<script> data() { return { title: this.$route.params.routers, }; }, head() {原创 2021-07-15 18:18:06 · 4853 阅读 · 5 评论 -
nuxt.js 配置error页面
在layouts文件夹下新建 error.vue 文件原创 2021-07-15 17:28:14 · 1027 阅读 · 0 评论 -
nuxt.js ‘默认模板’ 和 ‘默认布局’
默认模板1,在根目录下新建 app.html 文件2,app.html 文件中引入head部分 和pages的部分<!DOCTYPE html><html lang="en"><head> <!-- 表示引入head配置中的代码 --> {{ HEAD }}</head><body> <!-- 给模板添加 p 标签,所有页面都会被添加 --> <p style="color原创 2021-07-15 17:10:03 · 348 阅读 · 1 评论 -
nuxt.js 动态路由
1,在新闻目录下新建一个带下划线的vue文件表示一个动态路由:2,此时路由js文件中会自动生成对应的路由3,news.vue 传递参数<li><nuxt-link to="/news/111">news-1</nuxt-link></li><li><nuxt-link to="/news/ewew">news-2</nuxt-link></li>4,_routers.vue 接收参数<te原创 2021-07-15 16:45:26 · 1982 阅读 · 0 评论 -
nuxt.js 路由和路由参数
nuxt.js的路由会直接在pages中新建文件夹或文件后自动生成。在pages 下新建 news 文件夹 和 fishing文件夹后,在.nuxt问价夹,router.js文件中自动生成:routes: [{ path: "/fishing", component: _b13fdc34, name: "fishing" }, { path: "/news", component: _6b1a0831, name: "news" }, {原创 2021-07-14 18:30:56 · 613 阅读 · 0 评论 -
nuxt.js环境安装和配置介绍,未完待续。。。。
1,安装nuxt.jsvue init nuxt/starter如果安装失败就使用npx 来进行安装npx create-nuxt-app <项目名>2,安装依赖cnpm i / npm install3,启动项目npm run dev4,在package.json中配置ip和端口号"config": { "nuxt":{ "host":"127.0.0.1", "port":"8001" } },...原创 2021-07-14 18:00:32 · 309 阅读 · 0 评论