视频进度
npm中的vue全局命令无效
npm中的vue全局命令是全局安装vue-cli之后生效的
vsnode在阳光强烈的时候可以更换为Light默认主题
mpvue同时开发h5页面
一些坑点
- npm run dev每次会重新打包dist文件,测试只能在微信开发者工具上
- mpvue中绑定小程序原生事件不能使用
bind + 事件名,需要使用@+事件名,且要定义在methods中否则不生效
3. 可以是用vuex分模块开发,但是注意不要使用app.js这个文件名,否则会一直报错
vue实例生命周期与小程序生命周期
- beforeCreate:实例初始化之后,数据观测data observer和event/watcher 事件配置之前被调用
- created:数据观测data observer, 属性和方法的运算 event/watcher事件回调都已完成,挂载阶段还未开始,$el不可见
- beforeMount:在挂载开始之前被调用,相关的render函数首次被调用
- mounted:生成vm.$el,并挂载到实例上
- beforeUpdate: 数据更新时调用,发生在虚拟DOM重新渲染和打补丁之前,你可以在这个钩子中进一步的更改状态,这不会触发附加的重渲染过程
- updated: 数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用该钩子
- beforeDestroy:实例销毁之前调用
- destroyed:实例销毁之后调用,此时,会解除绑定,移除监听器,销毁子实例
小程序应用实例生命周期
- onLaunch:小程序应用初始化
- onShow:小程序启动,或从后台进入前台
- onHide:从前台进入后台
小程序页面Page实例生命周期
- onLoad:监听页面加载
- onShow:页面显示
- onReady:页面初始化渲染完成
- onHide:监听页面隐藏动作,此时页面依然存活
- onUnload:监听页面卸载
- onPullDownRefresh:用户下拉刷新
- onReachBottom:上来触底操作
- onShareAppMessage:用户点击右上角分享功能
- onPageScroll:页面滚动
获取用户信息
1. 2.
<Button v-if="AUTO_INFO_FALSE" open-type="getUserInfo" @getuserinfo="getUserInfo">get</Button>
注意点:
- 原生的button要改为大写的Button
- 例如bindgetuserinfo这样的bind开头的小程序提供的原生函数,要改为
@ + 去掉bind的形式
mpvue中的组件注册
- 单独的页面注册的时候,需要在全局的app.json中注册,另外还需要单独注册一个main.js和与之同名的json文件,如main.json
- 而页面用的组件,同样需要建立main.js,但是不需要json文件,main.js文件中,也不需要有内容