最近在学习vue时也了解到一些常用的UI组件,有用于PC的和用于移动端的。用于PC的有:Element(饿了么)、iView等;用于移动端APP的有Vux、Mint UI(饿了么)、Vant(有赞团队)、cube-ui(滴滴)。 想做一个移动端微信公众号使用的界面,于是选择用mintUI。 mint
原创
2021-07-15 10:34:18
230阅读
1、快速搭建项目模板 因为项目使用vux,所以推荐使用vux官网的airyland/vux2 模板,vue-cli工具是vue项目的搭建脚手架 默认为 webpack2 模板,如果你需要使用webpack1,请使用 vue init airyland/vux2#webpack1 projectPat
转载
2017-11-14 19:57:00
127阅读
2评论
非常感谢那些无私开源的程序员,希望我也能够有能力像你们那样,开源很多很有意思的东西~~ js //main.js // The Vue build version to load with the command // (runtime only or standalone) has been se
转载
2019-05-06 14:06:00
96阅读
2评论
1.Footer组件 Footer.vue 2.页面调用 App.vue 3.效果图
转载
2017-11-19 20:29:00
241阅读
2评论
1.main.js 2.路由 router/index.js 3.主页面 App.vue 4.Header 组件 Header.vue 5.页面调用 Home.vue 6.效果图
转载
2017-11-19 20:27:00
143阅读
2评论
一、安装各插件 1.在项目里面安装vux【必须安装】 npm install vux --save 2.安装less-loader(这个是用以正确编译less源码,否则会出现 ' Cannot GET / ')【必须安装】 // 安装指定版本npm install less@3.0.4 -D npm ...
转载
2021-07-23 15:36:00
979阅读
3评论
1.通过实验证明: PopupPicker = TransferDom + Popup + PopupHeader + Picker 2.代码 Picker.vue 3.效果图
转载
2018-03-30 17:17:00
133阅读
2评论
vuex 的备注 // vuex的公用数据放置处 state: { count: 0, }, // (方法) 在里面可以去修改state里面的数据(在这里面不能写异步操作) mutations: { 方法名 (state,vari) { state.count=vari // 传值并设置count ...
转载
2021-07-24 14:04:00
55阅读
一、img标签1、静态引入(静态路径加载)相对路径<img class="pic-404__child left" src="../../assets/404_images/404_cloud.png" alt="404">绝对路径<img class="pic-404__child left" src="@/assets/404_images/404_cloud.png" al
转载
2023-06-08 23:39:26
4523阅读
vue实战——vue中发送AJAX请求一、简介1)vue本身不支持发送AJAX请求,需要使用vue-resource、axios等插件实现。 2) axios是一个基于Promise的HTTP请求客户端,用来发送请求,也是vue2.0官方推荐的,同时不再对vue-resource进行更新和维护。 参考:GitHub上搜索axios,查看API文档二、使用axios发送AJAX请求1、安装axi
转载
2024-02-22 13:56:28
35阅读
项目src中用到的npm包有(从编译打包到最终部署仍不能移除)1:vue 渐进式 JavaScript 框架 http://cn.vuejs.org/v2/guide/2:vue-router 路由 http://router.vuejs.org/zh-cn/3:vuex 状态管理模式 http://vuex.vuejs.or
原创
2021-12-15 17:54:03
459阅读
一、初始化:webpack 项目塔建: 使用vue cli塔建基于webpack的vue环境。然后根据vux官网安装使用文档安装vux组件库及配置build/webpack.base.conf.js。如果看不懂webpack.base.conf.js怎么配,直接点击这里拷贝这里吧。 安装其它的依赖:
转载
2018-11-14 21:17:00
213阅读
2评论
文章目录一、初步认识render函数二、为什么使用render函数三、render函数的解析 一、初步认识render函数import Vue from 'vue'
import App from './App'
Vue.config.productionTip = false
new Vue({
el: '#app',
render: h => h(App)
})在使用脚手架
转载
2024-04-14 16:13:50
38阅读
在按钮事件中调用this.$vux.confirm.show,并且启用按钮的show-loading属性 安卓正常,ios中弹窗无法显示 经过排查,iso中设置按钮的loading后,要用异步setTimeout调用this.$vux.confirm.show,
原创
2021-07-28 14:39:26
344阅读
由于在最近的项目中,需要用到扫一扫二维码签到的功能,在纯H5的页面中要实现这个是不太可能的,所以考虑用jssdk或者混合开发,由于没有微信公众号和混合开发的经验,混合开发不太现实,公司没有考虑这个,而jssdk有其他公众号平台的公司配合,所以就看看技术上能不能实现。技术上要考虑的就是,能不能在项目中引入jssdk,然后当用户在微信端打开的时候,就能够通过jssdk来调用微信的扫一扫功能。由于公司和
转载
2024-07-24 06:23:26
135阅读
如何优雅的使用vue+vux开发app 01 很明显下面是个错误的示范:
转载
2016-06-28 13:00:00
77阅读
如何优雅的使用vue+vux开发app 02 很明显这又是一个错误的示范,请勿模仿 使用动态组件实现保留状态的路由
转载
2016-06-28 21:24:00
84阅读