vue3笔记和vscode操作技巧

110 阅读1分钟

组合式api语法:

setup声明

变量let或const声明

函数正常编写:function 名字(){}

ref数据双向绑定:会产生value属性

reactive对象绑定:对象绑定的html中应该使用“.”字符表示

toRef函数:将对象的key转换成

toRefs函数:将一个对象所有的属性都转成ref

在dom元素上使用ref:把dom的元素变成对象,获取属性

reactive绑定的对象修改方法:object.assign(对象名称,{新的数据})

 

 

VSCODE操作技巧:

1. 代码片段:设置里添加

2. 多光标修改:按照alt键添加光标

3. 输入html5基础代码,输入“!”

4. 添加和取消注释:ctrl+/

5. 插件:vue官方提示插件

6. 添加“/……/”块注释:alt+shift+a(要确保该快捷键不和其他工具的快捷键冲突)

 

 

vue2和vue3语法混合情况下读取的结果:

1. 可以共同存在

2. vue2可以读取vue3 setup中的内容

3. vue3setup不能读取vue2中的data