uni-app开发app时,支持vue+nvue混搭开发页面,也支持纯nvue开发,nvue采用的是原生渲染,vue采用的是webview渲染。
虽然uni-app支持vue和nvue页面之间的相互跳转,但是nvue相较于vue在开发上还是有很多不同点。

nvue与vue在使用上的区别:

  1. nvue中也可以使用vuex,但是要注意vue中在js文件中导入store,直接通过store进行commit或dispatch对应方法修改state中的属性时,会同时作用到绑定在vue实例上的$store,但是在nvue的页面中,js文件中导入的store和实例上的$store是相互独立的

解决办法:在App.vue中,将store绑定到uni上,在js文件中直接使用uni.$store进行操作

import App from './App'
import store from '@/store'

uni.$store = store
  1. 通过vue.prototype绑定的全局方法或属性,在nvue中获取到的是undefined,也可以通过上述方式,将属性或方法直接绑定到uni上
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐