隨著 Vue 生態系統的發展和普及，多個類似于 uni-app 的多端開發框架相繼出現。其中，nvue 就是一個將 Vue 模板編譯為原生渲染的框架。相比于 uni-app 通過 WebView 渲染的方式，nvue 更加輕量且支持更多的原生特性。

在 nvue 中，我們可以采用 Vue 的組件化思想來開發模塊化的應用。因為 nvue 是通過運行時編譯的方式來生成組件，所以我們需要使用 Vue CLI 或類似的工具來構建項目。

// 新建 vue.config.js 文件，配置 nvue 相關插件
module.exports = {
chainWebpack: config =>{
config.module
.rule('vue')
.use('nvue-loader')
.loader('nvue-loader')
.tap(options =>{
return { compiler: require('@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/lib/template-compiler'), }
})
}
}

在項目中，我們需要使用 nvue 的組件和標簽來進行頁面的開發，例如，通過 nvue-button 標簽來定義一個原生的按鈕組件：

在這個例子中，我們使用了 n-view 標簽來代表頁面的最外層容器，并使用了 nvue-button 標簽來定義一個原生的按鈕組件。到此，我們已經完成了一個簡單的 nvue 應用的開發。