Kratial的博客

nuxt 中缓存问题处理（keep-alive)

第一步：在plugins目录下面创建一个xxx.js//实例：import Vue from 'vue'import VueLuckyCanvas from '@lucky-canvas/vue'Vue.use(VueLuckyCanvas)第二步：在nuxt.config.js中配置：export default { plugins: ['~/plugins/xxx']}

页面之前跳转的过渡效果添加：1.全局过渡效果:在全局的css文件里面添加如下样式代码（类名是固定的）.page-enter-active{ color:pink; transition: all 3s;}.page-enter, .page-leave-active{ color: blue;}2.针对单个页面跳转添加特定的过渡效果在pages下面的某个视图组件里面添加：export default { transition: 'test'}在全局或局部的css文件

1.配置静态模版的头部信息：示例中的hid为设置的唯一标识，若你在设置某个属性时添加了一样的hid，会将原来的覆盖掉。module.exports = { head: { title: 'first-demo', htmlAttrs: { lang: 'en' }, meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, in

1.静态资源的访问默认情况下, vue-loader自动使用 css-loader 和 Vue 模板编译器来编译处理 vue 文件中的样式和模板。在此编译过程中，所有的资源 URL 例如img标签中的src、 background: url(…) 和 CSS 中的 @import 均会被解析成模块通过 require 引用。"~"该符号表示匹配到根目录下// 在style标签中background-image: url(~static/idol.jpeg);// img标签上<img

1.nuxt的目录介绍.nuxt文件夹：(nuxt.js build output)nuxt自动生成的，临时的用于编辑的文件assets文件夹: 存放未编译的静态资源譬如less,sass或javascript。components： 放置vue组件,这些组件不会像页面组件那样有asyncData方法的特性layouts: 组织应用的布局组件。middleware: 放置应用所需的中间件（中间件允许定义一个自定义函数运行在一个页面或一组页面渲染之前）pages: 用于组织应用的路由及视图。N