uni-app 项目中，页面有两种：.vue 和 .nvue 文件。两者差异在于 .vue 文件使用 webview 进行渲染，.nvue 会使用原生进行渲染。

一个页面就是一个符合 vue 的单文件组件(SFC)规范的 .vue 或 .nvue 文件。

页面文件为实现多端兼容，综合编译速度、运行性能等因素，依旧遵循 vue 单文件组件规范。

有一段时间没有推荐前端 UI 组件库了，今天写一篇来推荐这款好用的 uni-app 的 UI 组件库。

Wot Design Uni 简介

大家好，前两天讲了Uniapp开发鸿蒙应用时的基础布局和自定义导航栏，都是仅限于页面上的开发。今天我们尝试进行一些数据上的操作，借此分享一下选项式API和组合式API的内容。

我们初始化的首页项目代码，它的脚本代码部分通常是这样的：

<script>
	export default {
		data() {
			return {
				title: 'Hello',

			}
		},
		onLoad() {
		},
		methods: {

		}
	}
</script>

前面我已经给大家介绍了两种主题切换的方式，每种方式各有自己的优势与缺点，例如“scss变量+vuex”方式兼容好但不好维护与扩展，“scss变量+require”方式好维护但兼容不好，还不清楚的可点下面链接直达了解一下

今天给大家分享一款支持uniapp支持vue3、vue2组件库vk-uview-ui。

vk-uview-ui 同时支持vue2/3 uniapp组件库。

引入组件

前言

最近几周都在处理公司的移动业务，而为在后期能统一多端，解放自己，迎合公司的技术栈；选用了

1 可以使用路由传参的方式来打开页面并传递数据。

如这里传递的一个列表数据 以下是具体步骤：

1.1 确定数据格式

昨天的文章介绍了使用uniapp跨平台鸿蒙应用时如何配置开发环境和运行调试项目,今天介绍一下uniapp项目目录的结构。

可能对于从事移动开发的友友来说，uniapp的项目结构看起来有一些陌生，它更接近于前端项目，新建的uniapp项目结构是这样的：

上面的两个文件夹pages中存放的是项目的页面，static则是存放静态资源的文件。

打开pages文件夹，可以看到项目初始化的index文件，这就是项目的初始化页面，里面有一个简单的Hello World项目代码，运行项目的时候可以看到。

在UniApp中，可以使用Vue.js的配置对象来全局定义变量。通过全局变量，可以在整个应用程序中访问和修改数据。

下面是一个示例：

```javascript

// 在Vue实例外部定义全局变量

// 全局变量默认是未定义的，在页面被挂载后才生效