Vue3笔记
Node.js要求18版本以上,vue2脚手架是vue-cli,vue3脚手架是vite,vue3可以搭配typeScript,vue2只可以有一个div根标签,vue3可以有多个div根标签并排。
Vue3可以将data和methods方法都写在setup方法中,并返回。
也可以加在标签上,简写成这样
简单属性用ref,对象用reactive({})方法接收
用ref也可以接收对象,只是需要对象点value再属性
还有一种常用的双向绑定,ref除了和v-model配合使用,也可以把ref直接写在标签里面。也可以在标签里自定义其它名称属性
defineExpose是将子组件的属性暴露给父组件,而deefineProps是将父组件对象传入到子组件中使用。
salaryInfo接口名改成大写SalaryInfo,再引入使用,不再截图
也可以使用多维数据
如果把reactive换成shallowReactive,那么得到的结果是,虽然执行修改时也Push了,但是二维数组是不会生效,只有一级目录的age属性去执行才可修改
区别:Reactive和ref,接收的适用类型不一样
以下路由注册在main.js文件中编写
内部系统用query传参,外部系统用params传参更安全