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

Vue ref在响应式对象中的解包


ref在响应式对象中的解包当一个 ref 被嵌套在一个响应式对象中,作为属性被访问或更改时,它会自动解包,因此会表现得和一般的属性一样:const count = ref<number>(0);const state = reactive({ count})state.count +=

vue项目部署后点击其它页面报404 解决方法


nginx修改添加下面这一句就行了

VSCODE Vue emmet语法失效问题解决


VSCODE Vue emmet语法失效问题解决打开vscode ,进入设置,搜索emmet.include就能看到下面的选项添加两个项即可vue htmlvue-html html