转 vue从2到3的变化总结1
vue3的vue.js文件已经不再提供export default默认导出
<script setup>
import {ref,onUpdated} from 'vue'
//以下导出方式错误，因为vue3的vue.js文件已经不再提供export default默认导出
// import vue from 'vue'
// const {ref}=vue
// const {onUpdated}=vue
const obj={count1:ref(2),cc:ref(112)}//如果把count1改成count,就会报错
//Unhandled error during execution of native event handler at <Learn>
const {count1}=obj//使用这个方法，把count1定义为了顶层属性，但是把前面的改成{count}就会报错
//Property "count1" was accessed during render but is not defined on instance. at <Learn>
//由此可知，{}这是es6的一种语法规范，可以把对象里的属性单独提升到和对象同层的空间，并完成赋值，要求是属性名等于常量名
//用import导入其他文件时候，也使用了这个语法，去钩子里console.log(' ref: ', ref);一下对比研究
//ƒ ref(value) {return createRef(value, false);}
function increment() {
count1.value++
}
onUpdated(() => {
console.log(' ref: ', ref);
console.log(`The initial count is ${count1.value}.`)
console.log('count1: ', count1);
})
</script>...
浏览更多内容请先登录。
立即注册
更新于：2024-09-25 01:23:51
相关内容
网站变化史
Youku网站变化史-印象中变了很多次了。
百度变化史，从百度网盘说起
vue框架大概要学多久(前端vue要学5天就会方法)
带你玩转vue——开发工具的选择vscode
VS Code——Live Server的简介、安装与使用
fatal: unable to access ‘https://github.com/nhn/raphael.git/‘: Op...
fatal: unable to connect to gitee.com: gitee.com[0: 180.97.125.228]: e...
git提交或克隆报错fatal: unable to access ‘https://github.com/tata20191...
Docker Desktop requires Windows 10 Pro/Enterprise/Home (18363+)
vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicate...
express + vue +mysql 搭建项目
Vue + NodeJS + MySQL 搭建文章后台管理系统
vue中在.vue文件中定义全局变量 全局函数及使用
Identifier * is not in camel case - 代码规范性问题
实战案例丨Vscode开发第一个Vue+Element Plus示例
学习JS，TS，Vue等等语言做一个信息分享的小平台
什么是 JWT -- JSON WEB TOKEN
vue中 router.beforeEach() 的用法
＜router-view v-if=“isRouterAlive“＞ 刷新当前页面 - Vue2
createError.js?2d83:16 Uncaught (in promise) Error: Request failed wi...
vue axios跨域 Request Method: OPTIONS问题
Vue报错 Errors compiling template: ****** : Interpolation inside attr...
图片上传402 (Payment Required) 看具体js是这行xhr.send(formData); 报错
这个符号`是怎么打出来的
this.$router.push跳转时页面不刷新的问题
vue 刷新当前页面或者跳转页面时候刷新
vue项目如何刷新当前页面
让 vue项目在Linux后台持久运行 npm run dev
vue+element-ui表格列元素添加链接
sockjs-node/info?t= net::ERR_CONNECTION_TIMED_OUT
js快速将字符串数组转化为数字数组（互换）
Vue中checkbox的v-model初值设置为数组才对
vue element 中使用a标签报错的问题
Vue 中使用 router-link 后，URL 变化但是页面不刷新，Vue获取后台传过来的值
vue：报错“Extra semicolon“解决
vue中的各种报错整理
vscode 运行 vue localhost 拒绝了我们的连接请求。使用visual Studio Code...
yarn 安装 vue3相关问题
推荐内容
