6 青崖林夕

尚未进行身份认证

脚踏实地,仰望星空!

等级
TA的排名 4w+

【10】Nuxt.js 模块

模块模块是Nuxt.js扩展,可以扩展其核心功能并添加无限的集成。介绍在使用Nuxt开发应用程序时,您很快就会发现框架的核心功能还不够。 Nuxt可以使用配置选项和插件进行扩展,但是在多个项目中维护这些自定义是繁琐、重复和耗时的。 另一方面,开箱即用支持每个项目的需求将使Nuxt非常复杂且难以使用。这就是Nuxt提供更高阶模块系统的原因,可以轻松扩展核心。 模块只是在引导Nux...

2019-11-07 17:42:36

【9】Nuxt.js 资源文件

插件Nuxt.js允许您在运行Vue.js应用程序之前执行js插件。这在您需要使用自己的库或第三方模块时特别有用。需要注意的是,在任何 Vue 组件的生命周期内, 只有beforeCreate和created这两个方法会在客户端和服务端被调用。其他生命周期函数仅在客户端被调用。使用第三方模块我们可以在应用中使用第三方模块,一个典型的例子是在客户端和服务端使用axio...

2019-11-07 17:41:25

【8】Nuxt.js 资源文件

资源文件默认情况下 Nuxt 使用 vue-loader、file-loader 以及 url-loader 这几个 Webpack 加载器来处理文件的加载和引用。对于不需要通过 Webpack 处理的静态资源文件,可以放置在static目录中。Webpack 构建默认情况下,vue-loader自动使用css-loader和Vue模板编译器来编译处理vue文件中的样式和模...

2019-11-07 17:40:30

【7】Nuxt.js 异步数据

Nuxt.js 扩展了 Vue.js,增加了一个叫asyncData的方法,使得我们可以在设置组件的数据之前能异步获取或处理数据。asyncData 方法asyncData方法会在组件(限于页面组件)每次加载之前被调用。它可以在服务端或路由更新之前被调用。 在这个方法被调用的时候,第一个参数被设定为当前页面的上下文对象,你可以利用asyncData方法来获取数据,Nuxt.js ...

2019-11-07 17:39:26

【6】Nuxt.js 视图

视图本章节的内容阐述了如何在 Nuxt.js 应用中为指定的路由配置数据和视图,包括应用模板、页面、布局和HTML头部等内容。模板你可以定制化 Nuxt.js 默认的应用模板。定制化默认的 html 模板,只需要在应用根目录下创建一个app.html的文件。默认模板为:<!DOCTYPE html><html {{ HTML_ATTRS...

2019-11-07 17:37:56

【5】Nuxt.js 路由

路由Nuxt.js 依据pages目录结构自动生成vue-router模块的路由配置。要在页面之间使用路由,我们建议使用<nuxt-link>标签。例如:<template> <nuxt-link to="/">首页</nuxt-link></template>基础路由假设pages的目录...

2019-11-07 17:37:03

【4】Nuxt.js 配置

配置Nuxt.js 默认的配置涵盖了大部分使用情形,可通过 nuxt.config.js 来覆盖默认的配置。buildNuxt.js 允许你在自动生成的vendor.bundle.js文件中添加一些模块,以减少应用 bundle 的体积。如果你的应用依赖第三方模块,这个配置项是十分实用的。关于 build 配置项的详细文档css该配置项用于定义应用的全局(所有页面均...

2019-11-07 17:36:00

git 用户名密码配置

1、设置用户名 $ git config --global user.name "your name"2、设置邮箱 $ git config --global user.email "your email"2、设置密码 $ git config --global user.password "your password"3、查看所有配置 ...

2019-11-07 18:12:32

linux虚拟机关机、重启命令

一.shutdown1.shutdown-hnow:立即关机2.shutdown-h10:53:到10:53关机3.shutdown-h+10:10分钟后自动关机4.shutdown-r:重启(默认30秒)5.shutdown-rnow:立即重启6.shutdown-r+30:’TheSystemWillReboot30inMins’:30分...

2019-11-14 11:50:19

CSS 移动端公共div样式

.flex-col { display: flex; display: -webkit-flex; flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: wrap;}.flex-row { display: flex;...

2019-11-15 17:42:36

【3】项目目录结构

目录结构Nuxt.js 的默认应用目录架构提供了良好的代码分层结构,适用于开发或大或小的应用。 当然,你也可以根据自己的偏好组织应用代码。观看有关Vue School上Nuxt.js目录结构的免费课程目录资源目录资源目录assets用于组织未编译的静态资源如LESS、SASS或JavaScript。关于 assets 目录的更多信息组件目录组...

2019-11-07 17:35:17

【2】安装

安装Nuxt.js十分简单易用。一个简单的项目只需将nuxt添加为依赖组件即可。运行create-nuxt-app为了快速入门,Nuxt.js团队创建了脚手架工具create-nuxt-app。确保安装了npx(npx在NPM版本5.2.0默认安装了):$npxcreate-nuxt-app<项目名>或者用yarn:$yarnc...

2019-11-07 17:25:52

【1】介绍

关于 Nuxt.js2016 年 10 月 25 日,zeit.co背后的团队对外发布了Next.js,一个 React 的服务端渲染应用框架。几小时后,与 Next.js 异曲同工,一个基于Vue.js的服务端渲染应用框架应运而生,我们称之为:Nuxt.js。Nuxt.js 是什么?Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构...

2019-11-07 17:22:23

Vue Cli3 项目配置

一、新建项目使用 vue-cli3 构建一个初始的Vue项目:Cli3 官方文档以下配置是我在项目中常用的,大家可自己斟酌是否需要使用!1、环境变量主要用于区分 开发、测试、正式环境的(1) 在根目录新建三个文件:.env.dev .env.test .env.prod(2) .env.dev写入NODE_ENV = 'development'VUE_APP_CUR...

2019-11-07 14:16:37

Vue Cli3 项目打包优化

一、新建项目使用 vue-cli3 构建一个初始的Vue项目:Cli3 官方文档因为使用了cli3,很多目录结构不见了,而相关配置是放在vue.config.js里面的,因此在根目录,新建一个vue.config.jsmodule.exports = {}二、正式优化1、将 productionSourceMap 设为 false(1) 在vue.config.js...

2019-11-07 14:15:05

基于edusoho项目的nuxt项目启动失败,服务器502问题。

1、在edusoho目录下:拉取develop分支代码:git pull origin develop2、在edusoho/web/template/web/目录下:执行:npmrundev试试能不能访问:http://www.mysite.com,正常情况下,是可以访问到首页内容的了。然后,执行编译:npmrunbuild最后,看看pms进程是否正常。执行:pm2list...

2019-11-07 10:15:56

numpy中的ndarray方法和属性详解

NumPy数组的维数称为秩(rank),一维数组的秩为1,二维数组的秩为2,以此类推。在NumPy中,每一个线性的数组称为是一个轴(axes),秩其实是描述轴的数量。比如说,二维数组相当于是一个一维数组,而这个一维数组中每个元素又是一个一维数组。所以这个一维数组就是NumPy中的轴(axes),而轴的数量——秩,就是数组的维数。Numpy库中的矩阵模块为ndarray对象,有很多属性:T,da...

2019-11-06 23:06:14

Python3 求最大/小值及索引值 Numpy

若寻找一个列表的最大(小)值及其对应的索引:list = [9, 12, 88, 14, 25]max_list = max(list) # 返回最大值max_index = list.index(max(list))# 最大值的索引# 最小的话 max换成min若是numpy中arrary的类型# 把array转换为list,按以上方法import numpy as n...

2019-11-06 22:37:15

jquery获取当前日期时间

$(function() { var myDate = new Date; var year = myDate.getFullYear(); //获取当前年 var mon = myDate.getMonth() + 1; //获取当前月 var date = myDate.getDate(); //获取当前日 // var h = myDate.getH...

2019-11-06 18:46:49

跨域问题,服务器配置

add_headerAccess-Control-Allow-Origin$http_originalways;add_headerAccess-Control-Allow-Methods*;add_headerAccess-Control-Allow-Headers$http_access_control_request...

2019-11-14 10:10:06

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周上午根据用户上周周三的博文发布情况由系统自动颁发。