# JS全局注册挂载

框架提供JS全局注册挂载功能,极大的便利和统一的规范项目所需。

# 差异分析说明

如开发者需引入外部JS全局注册挂载时,在 vue 页面可在 main.js 中挂载注册使用,然 nvue 页面则必须在当前页面内引入js才可使用。
nvue页面与vue页面在全局注册挂载中的差异极为明显,这也是导致nvue页面与vue页面无法做到相互融合、相互兼容且便利。
那么如果在全局注册挂载使用方面解决统一使用方式,也就解决一大半nvue与vue互通等问题,在逻辑层面就几乎一样。
在这些差异的背景下,DNVUE 解决了nvue / vue 统一全局注册挂载的问题,同时还可全局自动注册挂载,极大便利开发者使用。

# 全局挂载方式

在配置DNVUE UI框架使用时,配置了 .dnvue 文件目录,在 .dnvue 目录下包含了两个文件夹,分别为 commonvuex
全局注册挂载将使用 common 目录,只需将JS文件放入 common 目录下即可, common 目录下的所有js文件将全部自动扫描全局注册挂载。

# 使用方式

例如:将 test.js 文件放入.dnvue/common/目录路径下。

┌─根目录(项目名)
├───.dnvue
|     ├─common
|     |  └─test.js       //放入test.js文件
|     └─vuex
├───pages 
├───static 
├───uni_modules
├───App.vue
├───main.js
├───manifest.json 
├───pages.json  
└───uni.scss

调用方式:

在js中,需要通过 this.$store.test.xxx 形式调用,调用格式为 this.$store.JS文件名称.xxx

this.$store.test.xxx