使用vue-cli构建多页面应用+vux(一)

摘要:
众所周知,vue对于构建单个页面应该非常方便,但在一个项目中不可避免地会遇到多个页面。下面是初始化脚手架的选项。根据你的需要打勾即可。对于稍后的单元测试,只要在需要时勾选即可。生成的目录结构如下:2.根据npminstall继续安装。3.等待一定时间安装。输入命令npmrundev以运行并打开网页以查看效果。我们已经完成了vue-cli的初始化。接下来,我们将研究如何将单个条目转换为多个条目。

众所皆知,vue对于构建单页面应该相当方便,但是在项目中难免遇到有多个页面的情况。

1.先安装vue-cli脚手架,具体步骤看vue-cli的官方github地址https://github.com/vuejs/vue-cli;就不详细说明了。

下面是初始化脚手架的选项,按照自己所需求的勾选即可,后面的单元测试,用的上就勾。

使用vue-cli构建多页面应用+vux(一)第1张

生成好的目录结构如下:

使用vue-cli构建多页面应用+vux(一)第2张

2.继续安装依赖 npm install

使用vue-cli构建多页面应用+vux(一)第3张

3.等待若干时间装好以后 ,输入命令npm run dev 运行

使用vue-cli构建多页面应用+vux(一)第4张

打开网页即可看到效果

使用vue-cli构建多页面应用+vux(一)第5张

至此,我们就完成了vue-cli的初始化,接下来我们将研究将单入口改造成多入口。

免责声明:文章转载自《使用vue-cli构建多页面应用+vux(一)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇真正可用的 pyinstaller 打包 you_getWindows渗透利器之Pentest BOX使用详解(一)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

OpenGL ES着色器语言----------------储存修饰符

一、存储修饰符 本地变量只能使用存储修饰符const。 函数参数只能用const。函数返回值类型和结构体字段不要使用const。 从一个运行时着色器到下一个运行时着色器之间进行数据类型通信是不存在的。这阻止了同一个着色器在多个顶点和片元之间同时执行。 没有存储修饰符或仅仅使用const修饰符的全局变量,可能在main()执行前进行初始化。Uniforms...

php SWFUpload多文件上传

什么是SWFUpload SWFUpload是一个网站前端文件上传组件。SWFUpload通过flash+JavaScript,实现在不刷新网页的条件下,多个文件批量上传(实际上是逐个上传)、以及显示上传进度。 SWFUpload基本原理 1、传统的html表单文件上传 传统的文件上传是使用下面这种Form的: 1 <formid="file...

Android常用工具之Bugly的使用

bugly是什么?百度百科上对bugly的介绍 总结下来是:腾讯的开放给开发者的一种平台服务,主要用于android和ios平台上的移动应用的crash和卡顿检测和快速定位以及提供解决方案。是免费服务。 而用过的人都知道,除了crash检测外,bugly还提供应用内升级和热修复等功能。 一切以官方文档为准:https://bugly.qq.com/docs...

HashMap源码和并发异常问题分析

要点源码分析 HashMap允许键值对为null;HashTable则不允许,会报空指针异常; HashMap<String, String> map= new HashMap<>(2); map.put(null,null); map.put("1",null); Hash...

mui.init()与mui.ready()与mui.plusReady()区别和关系

转自:https://www.jianshu.com/p/6aa790c07131 首先我们来看下mui.init()与mui.plusReady()的区别: mui框架将很多功能配置都集中在mui.init方法中,要使用某项功能,只需要在mui.init方法中完成对应参数配置即可,目前支持在mui.init方法中配置的功能包括:创建子页面、关闭页面、...

java连接redis中的数据查、增、改、删操作的方法

package com.lml.redis;import java.util.HashMap;import java.util.Iterator;import java.util.Map;import java.util.Map.Entry;import java.util.Set;import redis.clients.jedis.Jedis;publ...