vux入门(还没写完)

vux入门(还没写完)_第1张图片

vux入门(还没写完)_第2张图片

项目目录下执行cnpm i安装依赖

安装完使用npm run dev先把项目跑起来看看
vux入门(还没写完)_第3张图片
vux入门(还没写完)_第4张图片
这里我是已经自己加了一个链接。。。差不多页面就是这个样子。

然后我按照vue的记忆写了个页面,结果。。。直接跳路径和超链接过去都显示不出页面的东西

vux入门(还没写完)_第5张图片

解决方案

我发现main.js里有如图这个router
vux入门(还没写完)_第6张图片
而我平时配置的router都是这样的
vux入门(还没写完)_第7张图片
于是我就改成我习惯的方式了,但是这时候就没有home。 这简单,我直接去router的index里注册路由
vux入门(还没写完)_第8张图片
这样首页价格超链接跳转Test
vux入门(还没写完)_第9张图片
结果就是美滋滋。接下来就按照vue的一些写应该就行了吧。
vux官方教程在这里
vux入门(还没写完)_第10张图片

开始打包

先使用npm run build打包项目,打包之前要修改一下配置文件,要不然打包完打开是空白的
vux入门(还没写完)_第11张图片
打包完如下,多了dist目录,这个大家都知道
vux入门(还没写完)_第12张图片
接下来打开hbuilder创建一个如下项目
vux入门(还没写完)_第13张图片
点击这个进行app配置
vux入门(还没写完)_第14张图片
进行配置,一般应用标识是没有的,需要登录账户重新获取
vux入门(还没写完)_第15张图片

还有图标啥的,设置完之后点击发行,云打包
vux入门(还没写完)_第16张图片
vux入门(还没写完)_第17张图片
点击打包等待,也可以查看云打包状态
在这里插入图片描述
出现下载链接,复制打开下载就行了
vux入门(还没写完)_第18张图片
结果如图
vux入门(还没写完)_第19张图片

你可能感兴趣的:(笔记,vue.js)