Uni-app（v3语法）

最新推荐文章于 2024-08-22 17:31:50 发布

孙大奎

最新推荐文章于 2024-08-22 17:31:50 发布

阅读量499

点赞数

文章标签： uni-app

本文链接：https://blog.csdn.net/qq_50137003/article/details/129433715

版权

本文详细介绍了uni-app v3的新特性，包括全局创建、全局方法、setup语法糖、响应式核心、生命周期钩子以及依赖注入。讲解了如何使用createPina()进行全局创建，配置全局属性，以及在setup中定义响应式变量。此外，还提到了组件相关的知识点，如defineProps、defineEmits和defineExpose等。

摘要由CSDN通过智能技术生成

全局创建

app.use(createPina()).mount

全局方法

app.config.globalProperties.xxx

一个用于注册能够被应用内所有组件实例访问到的全局属性的对象

要写在main.js里，且xxx前面要有$
//导入创建app的方法
export function createApp() {
	//创建app的实例
  const app = createSSRApp(App)
  //自己添加一个全局方法
  app.config.globalProperties.$reverse=function(str){
	  return str.split('').reverse().join('')
  }
  return {
    app
  }
}

补一个小方法：

v-model的另一种书写方式

：modelValue="变量名"

@update：modelValue="变量名=$event"

setup语法糖

是写在script里的语法糖，代表生命周期的创建

setup() 钩子是在组件中使用组合式 API 的入口
<script>
    // 导入ref响应数据
    import {ref} from 'vue'
    export default {
        setup(props,con