摘要：
Nuxt.js 扩展了 Vue.js，增加了一个叫 asyncData 的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。asyncData方法会在组件（限于页面组件）每次加载之前被调用。它可以在服务端或路由更新之前被调用。 在这个方法被调用的时候，第一个参数被设定为当前页面的上下文对象 阅读全文
摘要：
视图的整体布局图如下所示： 备注：此图来源 （1）模板 在项目根目录下创建一个app.html文件，可以定制化默认的html模板。 在app.html文件中内容如下： <!-- 这是我简单修改的 --> <!DOCTYPE html> <html {{ HTML_ATTRS }}> <head {{ 阅读全文
摘要：
Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。 （1）基础路由 （2）动态路由 在 Nuxt.js 里面定义带参数的动态路由，需要创建对应的以下划线作为前缀的 Vue 文件 或 目录。Nuxt.js 可以在动态路由组件中定义参数校验方法。说明：genera 阅读全文
摘要：
Nuxt.js 默认的配置涵盖了大部分使用情形，可通过 nuxt.config.js 来覆盖默认的配置，下面介绍一下nuxt.config.js文件中相关配置项。 （1）build Nuxt.js 允许你在自动生成的 vendor.bundle.js 文件中添加一些模块，以减少应用 bundle 的 阅读全文
摘要：
Nuxt.js 的默认应用目录架构提供了良好的代码分层结构，适用于开发或大或小的应用。 （1）asserts 该目录是资源目录，用于组织未编译的静态资源，如：LESS、SASS、JS （2）components 该目录是组件目录，用于组织应用的Vue.js组件。Nuxt.js 不会扩展增强该目录下 阅读全文
摘要：
在利用NuxtJS框架进行服务端渲染应用程序开发时，我们可以借助NuxtJS的脚手架工具create-nuxt-app进行快速搭建工程环境，下面将详细说明工程搭建过程： （1）安装NodeJS 这里不做讲解了，只要npm的版本不低于5.2.0版本即可。 （2）registry配置 若公司内网提供了类 阅读全文
摘要：
Nuxt.js 是一个基于 Vue.js 的通用应用框架，它关注的是应用的 UI渲染。Nuxt.js 预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。此外，nuxt generate命令为基于 Vue.js 的应用提供生成对应的静态站点的功能。 （1）NuxtJS介绍 Nuxt.js 阅读全文
摘要：
对于客户端应用程序和服务器应用程序，都可以通过webpack打包，下图转自它出。 阅读全文
摘要：
在elementUI中，table表格组件的列本身有属性支持当前页的筛选功能，不过当列项较多时，并且列的label文字较长时，此时的筛选功能按钮（一个箭头向下的小按钮）不是很明显，对用户来说感观效果不是很好。此时，可以通过自定义表格头样式来提升感观效果，我们可以在表头中添加选择器，同样也可以实现当前 阅读全文
摘要：
Element-UI组件可以应用于Vue、React和Angular框架，下面将在Vue中使用Element-UI时了解到相关知识记录如下： （1）安装：推荐使用npm安装Element-UI，以便能够更好地与webpack打包工具配合使用。 npm i -S element-ui （2）引用：不管 阅读全文