vux入门（还没写完）

最新推荐文章于 2023-07-10 10:38:38 发布
最新推荐文章于 2023-07-10 10:38:38 发布
阅读量165 收藏
点赞数
分类专栏： 笔记 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35885429/article/details/106737706
版权

在这里插入图片描述

在这里插入图片描述

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

安装完使用npm run dev先把项目跑起来看看
在这里插入图片描述
在这里插入图片描述
这里我是已经自己加了一个链接。。。差不多页面就是这个样子。

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

在这里插入图片描述

解决方案

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

开始打包

先使用npm run build打包项目，打包之前要修改一下配置文件，要不然打包完打开是空白的
在这里插入图片描述
打包完如下，多了dist目录，这个大家都知道
在这里插入图片描述
接下来打开hbuilder创建一个如下项目
在这里插入图片描述
点击这个进行app配置
在这里插入图片描述
进行配置，一般应用标识是没有的，需要登录账户重新获取
在这里插入图片描述

还有图标啥的，设置完之后点击发行，云打包
在这里插入图片描述
在这里插入图片描述
点击打包等待，也可以查看云打包状态
在这里插入图片描述
出现下载链接，复制打开下载就行了
在这里插入图片描述
结果如图
在这里插入图片描述

tiezhuLee
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vux-upload:vux上传组件
05-14
vux-upload实现的功能基于vux，适合vux项目增加了删除功能增加图片预览功能增加自定义headers、data 、withCredentials等增加beforeUpload钩子，增加success、error、remove等事件示例快速使用npm install vux-...
Vue中使用vux配置代码详解
12-11
npm install vue-cli -g // 如果还没安装 vue init airyland/vux2 my-project // 创建名为 my-project 的模板 cd my-project // 进入项目 npm install --registry=https://registry.npm.taobao.org // 开始安装 ...
vux从安装到基本使用
qq_72967978的博客
07-10 1856
你可以查阅Vuex官方文档以获取更详细的教程和示例：https://vuex.vuejs.org/zh/异步操作（Actions）： 如果你需要在mutations中执行异步操作，可以使用actions。Vuex是Vue.js的官方状态管理库，用于解决组件间共享状态的问题。下面是一个简单的Vuex教程，涵盖了Vuex的基本概念和用法。定义状态（State）： 在Vuex中，状态存储在state对象中。获取状态（Getters）： Getters用于获取状态。02在main.js中。
【万字总结】 Vue入门到Vux笔记
tc9527_的博客
02-25 1653
Vue的学习与使用
python 从入门到删库_真零基础Python开发web
weixin_39592026的博客
12-08 34
Python开发web服务的优势是开发效率高，可能只需要java五分之一的代码量。Python搭建web服务有许多框架，本文介绍Django和bottle两个框架。Django安装首先，安装该框架安装成功，版本是1.11.28. 框架的文件安装在\python27\Scripts目录下(搜索电脑中Python安装目录下的Scripts就对了)。建立项目先进入\python27\Scripts目录，...
vue从入门到精通
Pwsifeng的博客
05-03 9078
VUE vue框架的两大核心： 数据驱动和组件化。 第一周：大家需要转变编程思维的习惯：数据驱动（数据的变化会驱动页面发生变化，不用操作DOM） 第二周：大家需要转变编程思维的习惯：组件化（封装的是页面） 一、前端开发历史 1994年可以看做前端历史的起点（但是没有前端的叫法） 1995年网景推出了JavaScript 1996年微软推出了iframe标签， 实现了异步的局部加载 1999年W3C发布第四代HTML标准，微软推出用于异步数据传输的 ActiveX(ActiveXObject)，各大浏览器厂商
Vue项目构建开发入门
YunWisdom
08-03 2047
开篇：Vue CLI 3 项目构建基础 大家好，当你点进这个标题，开始阅读本章的时候，说明你对 Vue.js 是充满好奇心和求知欲的。我之前写过一篇文章，这样评价 Vue.js，称它是“简单却不失优雅，小巧而不乏大匠”的作品，正如其官网介绍的“易用，灵活和高效”那样。其实框架是 Vue.js 的本质，而真正了解它的人则会把它当成一件作品来欣赏。 Vue.js 作为一门轻量级、易上手的前端框架，从入门难度和学习曲线上相对其他框架来说算是占据优势的，越来越多的人开始投入 Vue.js 的怀抱，走进 Vue.js
vux框架写的售票网.zip
最新发布
01-20
毕业设计是高等教育阶段学生在完成学业前所进行的一项...总的来说，毕业设计是高等教育中的一项重要环节，通过此过程，学生不仅能够巩固所学知识，还能培养独立思考和解决问题的能力，为将来的职业发展奠定坚实的基础。
vux项目Memo.zip
11-26
webpack + vuex + vue + vux 项目demo demo下载下来解压，安装完依赖可以正常运行 "node": ">= 4.0.0" "npm": ">= 3.0.0
vue入门
专注移动开发
01-03 256
什么是 Vue Vue 是一个前端框架，特点是 数据绑定 比如你改变一个输入框 Input 标签的值，会自动同步更新到页面上其他绑定该输入框的组件的值 数据绑定 组件化 页面上小到一个按钮都可以是一个单独的文件.vue，这些小组件直接可以像乐高积木一样通过互相引用而组装起来 组件化 Vue2.0 推荐开发环境 开发环境解释 Hom
Vue 2.0的快速入门（基础）
Lucky_LXG的博客
02-20 2474
Vue.js 2.0 快速上手 - 基础篇      本文参考了http://blog.zhaiyifan.cn/2016/10/17/vue-2-quick-start/?utm_source=tuicool&utm_medium=referral中的内容，添加了自己学习后的些许想          法，还没完善，由于工作时间，正在挤出时间 慢慢的添加。     模板语法
vux-loader 升级
09-05
vux-loader是一个基于Vue.js的UI框架Vux的加载器，它用于加快Vux组件的编译速度。升级vux-loader有以下几个步骤： 第一步，前往vux-loader的GitHub仓库（https://github.com/airyland/vux-loader）查看最新的版本号...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值