-
Vant 主题定制方法
所属栏目:[教程] 日期:2023-04-18 热度:4882
Vant 提供了一套默认主题,CSS 命名采用 BEM 的风格,方便使用者覆盖样式。如果你想完全替换主题色或者其他样式,可以使用下面提供的方法。
示例工程
我们提供了一个基于 Vue Cli 3 的示例工程,仓库地址为 Vant[详细] -
Vant 安装方法
所属栏目:[教程] 日期:2023-04-18 热度:130
需要使用 Vant 的话,首先要先安装vue.js环境,因为vant是基于vue的,所以默认你应该已经安装好vue的开发环境。包括nodejs、npm等。
安装 vant
Vant 官网列出了三种安装方法(不是三个步骤,一步步完成哦)。我一般[详细] -
Vant 简介
所属栏目:[教程] 日期:2023-04-18 热度:8291
Vant是有赞开源的一套基于Vue2.0的Mobile组件库。Vant 是一套轻量、可靠的移动端组件库。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。通过Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近[详细]
-
API nuxt.renderRoute 教程
所属栏目:[教程] 日期:2023-04-18 热度:4215
nuxt.renderRoute(route, context = {})
类型: Function
参数:
String,带渲染的路由路径
可选, Object, 指定的上下文对象,可用的属性键: req 和 res
返回: Promise
html: String
error:[详细] -
API nuxt.render(req, res)教程
所属栏目:[教程] 日期:2023-04-18 热度:4732
nuxt.render(req, res)
类型: Function
参数:
Request
Response
返回: Promise
你可以通过 nuxt.render 函数,把 Nuxt.js 变成你 Node.js 服务端的中间件。
例如,结合 Express.js 使用:[详细] -
什么是API Nuxt(options)
所属栏目:[教程] 日期:2023-04-18 热度:7599
如果你打算用自己的中间件和 API 运行你的服务端的话,你可以以编程的形式将 Nuxt.js 集成到你原有的应用中去。 因为 Nuxt.js 基于 ES2015 编写,所以它的代码相对来说更有趣、更易读。它没用到任何的转译器,只依赖[详细]
-
API globalName属性教程
所属栏目:[教程] 日期:2023-04-18 热度:322
globalName 属性
Nuxt.js允许您自定义主HTML模板中使用的全局ID以及主Vue实例名称和其他选项。
类型: String
默认: nuxt
例子:
nuxt.config.js
{
globalName: 'myCustomName'
}
它必[详细] -
API vue.config属性分析
所属栏目:[教程] 日期:2023-04-18 热度:7857
vue.config 属性 vue.config 属性,该属性指定要使用的文件系统。默认情况下,这些文件系统都是windows系统自带的。如果您不想使用windows系统自带的文件系统,可以通过以下方法实现:打开vue.config文件夹,在右侧窗[详细]
-
API modules属性介绍
所属栏目:[教程] 日期:2023-04-18 热度:1146
modules 属性
类型: Array
modules是Nuxt.js扩展,可以扩展它的核心功能并添加无限的集成。
例如 (nuxt.config.js):
export default {
modules: [
// Using package name
'@nuxtjs/axi[详细] -
API modulesDir属性浅析
所属栏目:[教程] 日期:2023-04-18 热度:7670
modulesDir 属性 modulesdir 属性。这个属性可以指定一个文件夹,也可以指定一个目录。如果你想要在这个文件夹中存放你的数据,你可以使用它。
类型: Array
默认: ['node_modules']
用于设置路径解[详细] -
API plugins属性教程
所属栏目:[教程] 日期:2023-04-17 热度:55
plugins 属性配置
类型: Array
数组元素类型: String 或 Object
如果数组元素类型是 Object, 其具有以下属性:
src: String (文件的路径)
ssr: Boolean (默认为 true) 如果值为 false,该文件只会[详细] -
API rootDir属性介绍
所属栏目:[教程] 日期:2023-04-17 热度:9183
API rootDir属性
rootDir 属性配置
类型: String
默认值: process.cwd()
设置 Nuxt.js 应用的根目录。
该配置项的值会被nuxt 命令行指定的路径参数覆盖(例如:nuxt my-app/ 会将 rootDir 的值覆盖[详细] -
API router属性分析
所属栏目:[教程] 日期:2023-04-17 热度:4242
router 属性配置 属性让你可以个性化配置 Nuxt.js 应用的路由(vue-router)。
base
类型: String
默认值: '/'
应用的根URL。举个例子,如果整个单页面应用的所有资源可以通过 /app/ 来访问,[详细] -
API server属性介绍
所属栏目:[教程] 日期:2023-04-17 热度:1787
server 属性 类型: Object
Nuxt.js允许您为应用程序内部nuxt.config.js中定义服务器访问主机和端口.
Basic example (nuxt.config.js):
export default {
server: {
port: 8000, // default: 3000
[详细] -
API serverMiddleware属性分析
所属栏目:[教程] 日期:2023-04-17 热度:7525
服务器端渲染中间件(serverMiddleware) 属性
类型: Array
Items: String 或 Object 或 Function
Nuxt在内部创建一个连接实例,所以我们可以将我们的中间件注册到它的堆栈,并有机会提供更多的路由,如API,[详细] -
什么是API srcDir属性
所属栏目:[教程] 日期:2023-04-17 热度:1345
srcDir 属性配置 类型: String
默认值:rootDir 的值
设置 Nuxt.js 应用的源码目录
例如 (nuxt.config.js):
module.exports = {
srcDir: 'client/'
}
此时,应用的目录结构应为:
-|[详细] -
API dir属性浅析
所属栏目:[教程] 日期:2023-04-17 热度:9202
dir 属性 类型: Object
默认:
{
assets: 'assets',
layouts: 'layouts',
middleware: 'middleware',
pages: 'pages',
static: 'static',
store: [详细] -
API transition属性介绍
所属栏目:[教程] 日期:2023-04-17 热度:1018
transition 属性配置 Type: String 或 Object
用于设置页面切换过渡效果的默认属性值。
默认值:
{
name: 'page',
mode: 'out-in'
}
例如 (nuxt.config.js):
module.exports [详细] -
API render属性分析
所属栏目:[教程] 日期:2023-04-17 热度:9266
Nuxt.js允许您自定义渲染页面的运行时选项
类型: Object
使用此选项可自定义vue SSR渲染器。spa模式会跳过此选项。
export default {
render: {
bundleRenderer: {
directives: {
[详细] -
API dev属性介绍
所属栏目:[教程] 日期:2023-04-17 热度:8009
dev 属性配置 类型: Boolean 默认值: true
配置 Nuxt.js 应用是开发模式还是生产模式。
dev 属性的值会被 nuxt 命令覆盖:
当使用 nuxt 命令时,dev 会被强制设置成 true
当使用 nuxt build, nuxt s[详细] -
API 环境变量浅谈
所属栏目:[教程] 日期:2023-04-14 热度:1953
Nuxt.js 让你可以配置在客户端和服务端共享的环境变量。
例如 (nuxt.config.js):
module.exports = {
env: {
baseUrl: process.env.BASE_URL || 'http://localhost:3000'
}
}
以上配置我[详细] -
API generate属性分析
所属栏目:[教程] 日期:2023-04-14 热度:2935
当运行 nuxt generate 命令或在编码中调用 nuxt.generate() 时,Nuxt.js 会使用 generate 属性的配置。
dir
类型: 'String'
默认值: 'dist'
nuxt generate 生成的目录名称。
devtool[详细] -
API head属性浅谈
所属栏目:[教程] 日期:2023-04-14 热度:3426
借助 head 属性,Nuxt.js 让你可以在 nuxt.config.js 中配置应用的 Meta 信息。中配置应用的meta信息。当然,如果你不想使用这个功能,也可以通过下面的方法来实现。首先,你需要创建一个名为head的文件,然后将head[详细]
-
API hooks属性
所属栏目:[教程] 日期:2023-04-14 热度:3389
hooks是Nuxt事件的监听器,这些事件通常在Nuxt模块中使用,但也可以在nuxt.config.js中使用。
例如 (nuxt.config.js):
import fs from 'fs'
import path from 'path'
export default {[详细] -
API ignore属性教程
所属栏目:[教程] 日期:2023-04-14 热度:2308
您可以使用.nuxtignore文件让Nuxt.js在构建打包阶段忽略项目根目录(rootDir)中的布局(layout),页面(page),store和中间件(middleware)文件。.nuxtignore文件与.gitignore和.eslintignore文件的规范相同,其中每一行[详细]
