Vue3利用ref函数获取dom元素内容

vue  前端 

<script setup lang="ts">import { ref } from 'vue'const dom = ref<HTMLDivElement>()function change() { console.log(dom.v

Vue笔记03-声明响应式状态

笔记  vue  前端 

声明响应式状态ref()​在组合式 API 中,推荐使用 ref() 函数来声明响应式状态:import { ref } from 'vue'const count = ref(0)ref() 接收参数,并将其包裹在一个带有 .value 属性的 ref 对象中返回:const co

Vue笔记02-模板语法

笔记  vue  前端 

模板语法文本插值最基本的数据绑定形式是文本插值,它使用的是“Mustache”语法 (即双大括号):<span>Message: {{ msg }}</span>例子:App.vue<script setup>const msg = 10;</script&

Vue笔记01-创建一个 Vue 应用 & 了解vue

笔记  vue  前端 

创建一个 Vue 应用 & 了解vuenpm create vue@latest默认目录结构vscode环境安装第一个项目删除无用文件,重新改下App.vue和router/index.js里面的内容了解main.jsimport './assets/main.css'imp