Uniapp课程心得体会

大家好，我是柳州职业技术学院电子信息工程计算机应用技术（UI方向1班）的宋雨露，通过这一学期的学习，收获了很多知识和学习方法，接下来将分享我所学到的知识。 

Uniapp是一个基于Vue.js框架的跨平台应用开发框架，可以同时开发小程序、H5、App等多个平台的应用。

在Uniapp中，可以使用Vue.js的语法进行开发，同时也可以使用Uniapp提供的组件和API。 Uniapp的项目结构与Vue.js的项目结构类似，包括pages、components、static等文件夹。uni.navigateTo、uni.switchTab等API进行页面跳转和Tab切换。用uni.getStorageSync、uni.setStorageSync等API进行本地存储操作。uniCloud的云函数进行服务器端的数据处理和业务逻辑实现。用uni-ui的组件进行页面的美化和交互效果的实现。

​

 

Vue.prototype

它的作用是可以挂载到 Vue 的所有实例上，供所有的页面使用。

// main.js

Vue.prototype.$globalVar = "Hello";

然后在 pages/index/index 中使用：

<template>

  <view>{{ useGlobalVar }}</view>

</tempalte>

<script>

export default {

  data (){

    return {

      useGlobalVar: $globalVar

    }

  }

}

</script>

globalData

<!-- App.vue -->

<script>

    export default {

      globalData:{

        data:1

      }

      onShow() {

      getApp().globalData.data; // 使用

      getApp().globalData.data = 1; // 更新

  };

</script>

• 以下是我总结Uniapp代码课程的学习方法：

1. 确定学习目标：在开始学习之前，需要明确自己的学习目标。这可以帮助你更好地了解自己需要学习什么，以及如何将所学知识应用到实际项目中。

2. 学习基础知识：在学习Uniapp代码之前，需要先掌握一些基础知识，如HTML、CSS、JavaScript等。这些基础知识可以帮助你更好地理解Uniapp代码的工作原理。

3. 学习实践：学习Uniapp代码最好的方法是通过实践。你可以尝试编写一些简单的Uniapp代码，然后逐渐增加难度，直到你能够独立完成复杂的项目。

Uniapp的优点：

1. 跨平台开发：Uniapp可以同时开发iOS、Android、H5、小程序等多个平台的应用，大大提高了开发效率和用户覆盖率。

2. 组件化开发：Uniapp采用组件化开发模式，可以将一个应用拆分成多个独立的组件，方便团队协作和代码复用。

3. 模板化开发：Uniapp提供了丰富的模板和组件库，可以快速搭建应用界面，减少开发时间和成本。

4. 支持Vue.js：Uniapp基于Vue.js框架开发，具有Vue.js的优秀特性，如数据绑定、组件化开发、虚拟DOM等，易于学习和使用。

5. 社区活跃：Uniapp拥有庞大的开发者社区，提供了丰富的教程、插件和组件库，可以快速解决开发中遇到的问题。 总之，Uniapp是一款优秀的跨平台开发框架，具有高效、灵活、易用等优点，可以帮助开发者快速构建高质量的应用。

我的学习感受：Uniapp代码课程是一个非常好的课程，可以帮助学生学习如何使用Uniapp框架来开发跨平台应用程序。学习如何使用Uniapp框架来构建高质量的应用程序，并且可以在实践项目中应用所学知识。通过这个课程学到了很多有用的知识，并且能够在实践中应用这些知识来构建出自己的应用程序。我认为Uniapp代码课程是一个非常好的课程，可以帮助学生快速掌握Uniapp框架的使用。

总之，Uniapp是一个非常强大的跨平台应用开发框架，可以大大提高开发效率和应用的可扩展性。学习Uniapp需要掌握Vue.js的基础知识和相关API的使用，同时也需要了解Uniapp的特点和优势。

​