nvPress后台包含了完整的Vue全家桶
var {Vue, Vuex, VueRouter} = window.nv;
VueJS的使用方法详见Vue官方文档。
使用单文件组件
这是nvPress额外提供的一个Vue扩展方法。
由于浏览器不能直接 import *.vue单文件组件，因此，nvPress在Vue中还内置了一个 _defineRemoteComponent 方法用来加载 *.vue 后缀的组件。例如：
var {_defineRemoteComponent} = nv.Vue;
var myComponent = _defineRemoteComponent('/url/custom-component.vue')
- 注：这个加载方法允许包含：template、script、style等
*.vue 可以包含的标签，同时也支持 <script setup>、<style scoped>，但style只能使用css，不支持less或sass。
若考虑将所有的文件全部打包成一个 js 文件，需自行配置 webpack 或使用 vue-cli 来加载 vue 文件进行打包，这里不做示例。
打包配置需注意：vue全部模块已经包含在 window.nv.Vue 中了，打包时合理配置外部扩展(Externals)可缩小打包体积并防止引入多个vue出现异常。