vue 日常开发小细节】的更多相关文章

1. element-ui 日期选区禁用,设置属性 disabledDate: (time) => { const curDate = (new Date()).getTime() const day = 10 * 24 * 3600 * 1000 const dateRegion = curDate + day return time.getTime() < curDate - 24*3600*1000 || time.getTime() > dateRegion } 2.  vue…
写在前面 刚刚开源的mpvue引起了不少前端er们的注意,下图是一个简单的对比. 话不多说,我们现在感受一下如何使用mpvue开发小程序.(以下内容参照mpvue文档完成). 开发环境 node npm:这里建议安装淘宝镜像 微信开发者工具 操作顺序 首先下载vue-cli npm install -g vue-cli 使用vue-cli创建一个mpvue项目 vue init mpvue/mpvue-quickstart my-project 创建的过程中会有一些设置,包括项目名称,作者等等内…
写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别. 一.生命周期 先贴两张生命周期图对比下: vue生命周期 小程序生命周期 相比之下,小程序的钩子函数要简单得多. vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样. onLoad: 页面加载一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数. onShow: 页面显示每次打开页面都会调用一次. onReady: 页…
前言 嗯,偶尔看看学习Vue 3技能啦,此前用过Vue 2做过一点东西,Vue 3已面世一段时间,于是乎,我来看看所遇到的问题是否在Vue 3中得到解决,首先,我们来讲讲一个例子在Vue 2中的实现,举个栗子吧,开发过程中我们只会用到省.市.区,这里的区也可以看做是三.四线城市中的县,若我们想要基于县动态创建镇.村,更有甚者,在全国各地在镇下还划分不同的区域,我们通过Vue结合ElementUI来实现此例子 Vue 2 + ElementUI 由于示例代码比较多,这里我们首先直接看效果,如下:…
@1===>发现一个神奇的地方在对数组进行增加删除的时候 react中一个输入框点击enter键,然后数组push,然后渲染 <input ref='valInput' onKeyUp={this.sureEnter}></input> 还必须拆开来写这么写是不对的 必须拆开一步一步来写,日了狗了,删除也是 *************************************************************************************…
<!--1. 在form表单中的action里用绝对路径而不是相对路径--> <form action="${basePath}loginForm" name="login" method="post" onsubmit="script: if(document.login.username.value==''){ alert('用户名不能为空'); return false; } if(document.login.…
当某个触碰物体挂在父组件时,如果当前子组件不加rigidbody,会默认使用父组件的rigidbody…
1.sh: webpack-dev-server: command not found 我的公众号:…
1.生成指定范围的数字 在某些情况下,我们会创建一个处在两个数之间的数组.假设我们要判断某人的生日是否在某个范围的年份内,那么下面是实现它的一个很简单的方法 1 2 3 4 5 6 let start = 1900, end = 2000; [...new Array(end + 1).keys()].slice(start); // [ 1900, 1901, ..., 2000] // 还有这种方式,但对于很的范围就不太稳定   Array.from({ length: end - star…
前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程序,或开发小程序后希望将其转换为 H5,mpvue 将是十分契合的一种解决方案. 目前, mpvue 已经在美团点评多个实际业务项目中得到了验证,因此我们决定将其开源,希望更多技术同行一起开发,应用到更广泛的场景里去.项目的地址在: https://github.com/Meituan-Dianpi…