weixin_45137240的博客

全局选择器 - 第一种：新建一个标签，不添加第二种：动态CSS单文件组件的style标签可以通过将css值关联到动态的组件状态上对象 - 使用引号css module标签会被编译为CSS Modules，并且将生成的CSS类作为对象的键暴露给组件，是默认名。自定义注入名称，多个可以使用数组与组合式API一起使用注入的类通过API在和中使用，对于自定义注入名称的css module模块，在中传递对应的module attribute值作为参数。使用场景：一般在jsx、tsx和ren

作用：主要用于组件之间的隔代传值，是将调用组件时的组件标签上绑定的的属性(class、style除外)向下传递。使用了的组件，可以使用从上级组件中获取的值，并且它的下级组件直接下级组件即便没有用绑定，也可以获取到值。在子组件中应该添加，避免父作用域的不被认作为props的特性绑定应用到子组件的根元素上，导致在子组件中无法使用vm.$attrs对象获取到非props特性值**eg：**有父组件A，子组件B，孙组件C，在A组件中传值给C，在C组件中用prop接收。

reactive对传入的类型是有限制的，必须是或，对一些基础类型（例如stringnumberboolean等）不支持。Ref是一个接口，最主要的是有一个value属性可以获取值和赋值。使用场景：将数据变为。createRef传入的参数2如果已经是ref对象，直接返回，如果不是就利用RefImpl进行封装有两个私有变量_value和_rawValue_rawValue是原始值，_value是操作的值value_value_rawValuevaluevalue_valuereactive_rawValue。

说明：只对对象的最外层属性进行响应式的处理，处理函数是浅响应式的函数，内部属性的获取是直接获取对象的属性值，没有被。使用场景：修改最外层属性时需要执行某些操作（例如更新DOM），而修改内部属性时不需要执行额外的操作。因为对象是只读的，不需要修改，所以不需要收集依赖和分发依赖。使用场景：只有最外层属性是只读的，内层属性可以进行修改。说明：将对象或数组变为响应式对象的主要API之一。使用场景：判断某个对象是否是响应式对象，及。使用场景：判断某个对象是否是只读对象，即。对应的属性值以及属性值转换成的。

boolean;: boolean;: boolean;id : 1 , title : '任务一' } , {id : 2 , title : '任务二' } , {id : 3 , title : '任务三' } ]//类型别名 type Json < T > = {foo : T } //接口 interface Json < T > {

使用函数定义store时，所有的composition Api都可以使用。

如果创建的空文件出现报错，我们找到项目根目录的。

【代码】创建 Vue3 全家桶项目。

Vue3 中，和 Vue2 一样，也是通过自定义事件来实现子组件给父组件传值。< template > < button @ click = "toFather" > 按钮 < / button > < / template > < script setup lang = "ts" > const emit = defineEmits([ 'getData' ]) const toFather =() => {// 调用自定义事件，并传值 emit('getData' , 100);

【代码】创建 Vue3 项目。