当前位置: 首页> 健康> 母婴 > 百度广告公司_动态可视化excel图表制作_百度站长工具seo_东莞网站建设方案报价

百度广告公司_动态可视化excel图表制作_百度站长工具seo_东莞网站建设方案报价

时间:2025/7/11 3:49:39来源:https://blog.csdn.net/2301_80004726/article/details/145836782 浏览次数:0次
百度广告公司_动态可视化excel图表制作_百度站长工具seo_东莞网站建设方案报价

项目初始化

在这里插入图片描述

compisiton api中的setup函数

为什么setup取代了两个钩子函数1.在 beforeCreate 阶段,组件实例尚未初始化,几乎无法进行有意义的操作(无法访问 data、methods 等)。绝大多数场景下,开发者不需要使用它。2.created 的核心作用是在数据观测完成后执行初始化逻辑,但这一逻辑完全可以在 setup() 中通过同步代码实现,无需额外生命周期钩子。3.this指向undefined
但是对于setup的返回值和export default的问题 用setup语法糖

对ref的误解

1.支持所有数据类型
2.因为vue的响应式系统依赖proxy(只能代理对象),ref会创建一个包含value属性的对象来包装基本数据类型,所以会.value
3.ref处理引用数据类型时,还是会.value,因为其实是.value包装的一个reactive对象
4.对于对象的属性都要在一开始初始化的时候写好?
Vue 3 的响应式系统(基于 Proxy)默认只能追踪已存在的属性,但可以通过 替换整个对象 触发响应式更新:

const form=ref({})
const addProperty=()=>{
form.value={...form.value,newProp:'新增加的值'}
}

底层封装?refiml和proxy?

vue3 的监听属性

watch监听的对象有三类

整个对象(此时不用.value) (但是要注意watch只能浅层监听 如果想深层监听的话 要在最后加{deep:true}
多个数据源 例如[a1,a2]
箭头函数返回对象的某个属性(不用深层监听但是必须要写为箭头函数的形式 例如()=>state.value.age

生命周期钩子

1.生命周期钩子的触发是自动的,但具体逻辑的实现或配置需要开发者显式完成。
2.同一个可以写很多一样的不影响

挂载引用

ref内的名字要一样
组件挂载完毕之后才能访问

//组件的挂载引用
const child =ref(null)
<children ref="child"/>
//父组件访问子组件,子组件中必须defineExpose暴露想暴的
defineExpose({
})
//对于其他标签也可以挂载引用
const pp=ref(null)
<input ref="pp"/>

如何理解子传父?

子组件某个事件监听中,如果需要父组件的做出相应的变化就emit的写法就行了

//子组件编译器宏函数
const emit=defineEmits({})
//子组件的事件监听中
emit('名','可以传递相关参数')
//父组件中
<子组件 @名="相关逻辑"/>

props和ref+expose对比

特性 props ref + expose
数据方向 父 → 子(单向) 父 ↔ 子(双向,但需显式暴露)
适用场景 数据传递、状态同步、展示型组件 命令式操作、访问子组件内部
代码侵入性 低(子组件需声明 props) 高(子组件需 defineExpose)
组件耦合度 低(通过接口约定) 高(依赖具体方法名)
典型用例 配置传递、表单初始值 打开弹窗、调用子组件方法

创建项目遇到的坑

JSX vitest end-end prettier都是no!??不过这几个都有什么用??
创建好要依次执行三条指令(不执行的话就无法使用,这个同样适用于clone别人的项目)

关键字:百度广告公司_动态可视化excel图表制作_百度站长工具seo_东莞网站建设方案报价

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: