#Vue3

vue2与vue3的区别

1.双向绑定原理不同Vue2使用的是Object.defineProperty,而Vue3使用的是ProxyVue2组件中所有data里面定义的数据默认都被重置为响应式数据Vue3则新增了ref/reactive可以自定义变量的响应式类型,区分了常量跟响应式变量的区别2.API设计类型不同 Vue2使用的是选...
开发笔记 开发笔记·2024-07-01

Vue3中的readonly怎么使用

在Vue3中,可以通过readonly函数将一个对象转化为只读的,使其属性成为只读的,无法被修改。使用方法如下:import{readonly}from'vue';constmyObject={name:'Alice',age:25};constreadonlyObject=readonly(myObject);//尝...

vue3 使用v-model父传子并修改传值

vue3使用v-model替代vue2的v-bind.sync父使用v-model传值给子,这里的v-model本质上是:modelValue=“值”,@update:modelValue="值=$event"这二者的缩写<template><div>...

Vue笔记:Vue3配置axios跨域

 实现跨域共3个步骤:1,vue3.0根目录下创建vue.config.js文件;module.exports={devServer:{proxy:{'/api':{target:'https://you.163.com/',//接口域名changeOrigin:true,//是否跨域ws:true,//是否...

Vue 的数据响应式(Vue2 及 Vue3)

从一开始使用 vue 时,对于之前的jq开发而言,一个很大的区别就是基本不用手动操作dom,data中声明的数据状态改变后会自动重新渲染相关的dom。换句话说就是 vue 自己知道哪个数据状态发生了变化及哪里有用到这个数据需要随之修改。因此实现数据响应式有两个重点问题:如何知道数...

快速掌握Vue3部分特性

  经过了漫长的迭代,Vue3.0终于在2020-09-18发布了,带了翻天覆地的变化,使用了Typescript进行了大规模的重构,带来了CompositionAPIRFC版本,类似ReactHook一样的写Vue,可以自定义自己的hook,让使用者更加的灵活,接下来总结一下vue3.0带来的部分新特性。一、Vue2...

Vue3.0报错error: Unexpected console statement (no-console) 解决办法

写项目过程中用ESLint遵守代码规范很有必要,但是对于一些规范也很是无语,比如:‘Unexpectedconsolestatement(no-console)’,连console都不能用,这就很抓狂了。其实增加一行代码即可。修改package.json中的eslintConfig:{}中的&l...

vue3版本到vue2版本的桥接工具

vue2的命令可以正常使用。...

vue3+typescript引入外部文件

vue3+typescript中引入外部文件有几种方法(eg:引入echarts)第一种方法:1indext.html中用script引入<divid="app"></div><scriptsrc="https://cdn.bootcss.com/echarts/4.2.1-rc1/ech...