摘要: Nuxt为我们提供了超简单的默认模版订制方法,只要在根目录下创建一个app.html就可以实现了 注:建立了默认模板后,记得要重启服务器,否则你的显示不会成功 默认布局主要针对于页面的统一布局使用。它在位置根目录下的layouts/default.vue。需要注意的是在默认布局里不要加入头部信息,只 阅读全文
posted @ 2020-02-26 23:28 收破烂的小伙子 阅读(1137) 评论(0) 推荐(0) 编辑
摘要: Nuxt.js提供两种方法为路由提供动画效果,一种是全局的,一种是针对单独页面的 全局动画默认使用page来进行设置,例如现在我们为每个页面都设置一个进入和退出时的渐隐渐现的效果。我们可以先在根目录的assets/css下建立一个main.css文件。 /assets/css/main.css(没有 阅读全文
posted @ 2020-02-26 23:24 收破烂的小伙子 阅读(1012) 评论(0) 推荐(0) 编辑
摘要: 动态路由就是带参数的路由。比如我们商品列表里很多商品详细页,这时候就需要动态路由的帮助了。 比如我们新建一个commodity文件夹,新建一个index.vue 文件,然后新建一个_id.vue (以下画线为前缀的Vue文件就是动态路由,然后在文件里边有 $route.params.id来接收参数) 阅读全文
posted @ 2020-02-26 23:19 收破烂的小伙子 阅读(2315) 评论(0) 推荐(0) 编辑
摘要: Nuxt 路由可以使用a标签进行链接跳转,例如我们创建了一个demo.vue的文件 <p> <a href="/demo">跳转去Demo页面</a> </p> 但是Nuxt中有专属的标签 nuxt-link, 因此上次可以改写为: <p> <nuxt-link :to="{name: 'demo' 阅读全文
posted @ 2020-02-26 23:09 收破烂的小伙子 阅读(4599) 评论(0) 推荐(0) 编辑
摘要: 1:在开发项目时 我们可能会遇到端口被占用或者指定IP的情况, 在Nuxt中 我们可以在page.json 文件中进行配置,例如希望IP配置成125.0.0.1,端口设置1616 "config":{ "nuxt":{ "host":"125.0.0.1", "port":"1616" } }, 配 阅读全文
posted @ 2020-02-26 22:50 收破烂的小伙子 阅读(2145) 评论(0) 推荐(0) 编辑
摘要: |-- .nuxt // Nuxt自动生成,临时的用于编辑的文件,build |-- assets // 用于组织未编译的静态资源入LESS、SASS 或 JavaScript |-- components // 用于自己编写的Vue组件,比如滚动组件,日历组件,分页组件 |-- layouts / 阅读全文
posted @ 2020-02-26 22:38 收破烂的小伙子 阅读(2360) 评论(0) 推荐(0) 编辑
摘要: 在学习Nuxt 之前 首先我们要有node ,然后因为Nuxt 是一个基于 Vue.js 的轻量级应用框架,所以在开发之前需要安装(后面纯属作者猜想并且猜想就是这个原因。。。) npm install vue-cli -g 安装好之后就开始安装Nuxt ,使用init命令初始化Nuxt .js项目 阅读全文
posted @ 2020-02-26 22:37 收破烂的小伙子 阅读(285) 评论(0) 推荐(0) 编辑
摘要: 最近学习webpack 知识时 下载依赖结果报了这个错 查阅资料后发现是 这个name 不能使用所需要安装包的名字! 换为其他之后 再次操作命令 就没问题了 阅读全文
posted @ 2020-02-26 17:08 收破烂的小伙子 阅读(339) 评论(0) 推荐(0) 编辑
摘要: var msg = new SpeechSynthesisUtterance("hello World"); console.log(msg); window.speechSynthesis.speak(msg); 阅读全文
posted @ 2020-02-26 14:51 收破烂的小伙子 阅读(876) 评论(0) 推荐(0) 编辑