看下未提取的css的部分源码实现将页面中css 提取到 link的方法比较简单：在nuxt.config.js下的build里添加 extractCSS: { allChunks: true }即可。build: { extractCSS: { allChunks: true },}注意：npm run dev 启动

Read more

在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御cSRF等。所以我们的尤大大

Read more

最近在忙着写自己的个人网站，因为不想做同时兼容PC端和移动端的UI，所以想做两套，一个采用elementUI做移动端UI，一个用bootstrapvue做PC端UI，所以需要在首页判断是否是手机环境，但是我在vue组件中使用是编译却不能通过，最终查

Read more

有浏览器端执行的的插件，需要在配置文件里配置在Nuxt项目中引入插件时，会遇到window is not defined，原因是在服务端渲染时找不到window。所以Nuxt里有一套自己的办法引入插件。 在plugins文件夹中定义对应插件，比如cooki

Read more

前言首先需要知道的是，js中有6个值为false，分别是: 0, '', null, undefined, NaN 和 false, 其他(包括{}, [], Infinity)为true.可以使用Boolean()函数或是两次取非就能获得对象的布尔值，例如Boolean(undefined)

Read more

flex-grow、flex-shrink、flex-basis三个属性的作用： 在flex布局中，父元素在不同宽度下，子元素是如何分配父元素空间的。 (注意：这三个属性都是在子元素上设置的，下面小编要讲的是父元素，指以flex布局的元素(display:flex

Read more

首先你要知道 nuxt.js怎么引入第三方插件 ； 一、按需引入element-UI第一步：安装 babel-plugin-component：npm install babel-plugin-component -D第二步：修改plugins/element.js文件（plugins/element.js不知道怎么来的？出门

Read more

自制vuex LOGO前两篇讲解了一下 Vuex 的基本使用方法，可是在实际项目中那么写肯定是不合理的，如果组件太多，不可能把所有组件的数据都放到一个 store.js 中的，所以就需要模块化的组织 Vuex，首先看一下 项目结构。 项目结

Read more

上一篇我们讲了如何通过一些简单的动作来改变 store.js 中的数据对象，在实际工作中，这是完全无法满足工作需求的，所以这篇我们来说说如何做一些简单的流程判断。 自制vuex LOGO 一、比如说我现在有这么个需求，当 count <

Read more

Vuex 是什么？官方给出的解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 自制vuex LOGO相信很多新选手看完

Read more