vue3学习笔记（1）

吴小花的博客

已于 2023-09-06 14:56:56 修改

阅读量297

点赞数

分类专栏： Vue.js 项目实战经验 VUE3 文章标签：学习笔记

于 2023-08-17 16:54:40 首次发布

本文链接：https://blog.csdn.net/weixin_39089928/article/details/132334055

版权

Vue.js 项目实战经验同时被 2 个专栏收录

52 篇文章 7 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

2 篇文章 0 订阅

订阅专栏

本文是关于Vue3的学习笔记，重点介绍了组合式API、响应式状态管理、计算属性、修饰符及生命周期钩子。强调了ref()函数在声明响应式状态中的使用，以及如何在模板中访问和更新。还涵盖了组件的生命周期方法，如onBeforeMount、onUpdated等，以及依赖注入的provide和inject方法。

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

一、API风格

Vue 的组件可以按两种不同的风格书写：选项式 API 和组合式 API。

二、组合式API

1.（组合式 API 的核心思想是直接在函数作用域内定义响应式状态变量，并将从多个函数中得到的状态组合起来处理复杂问题。这种形式更加自由，）

2.在单文件组件中，组合式 API 通常会与 <script setup> 搭配使用

3.setup 告诉 Vue 需要在编译时进行一些处理

4.实例

<script setup>
import { ref, onMounted } from 'vue'

// 响应式状态
const count = ref(0)

// 用来修改状态、触发更新的函数
function increment() {
  count.value++
}

// 生命周期钩子
onMounted(() => {
  console.log(`The initial count is ${count.value}.`