Vue
文章平均质量分 96
serendipity_05
让你走或者让你留,都是命运在保护你
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
封装confirm(Vue3+Ts)
通过showConfirm函数 传递过来参数,在调用时通过createApp挂载组件,并传递过去参数,组件进行接收和渲染,当点击确定和取消时卸载该组件,.then 和.catch执行相关确定取消的逻辑。该期末考试了,也该复习复习知识点了不然包挂科的,然后下周还有一次面试,Vue也该复习复习了,虽然写过一个项目了,但是感觉对Vue的一些用法还是不太熟悉。首先要进行调用函数进行传参的操作,而且组件还要接收,那怎么才能只在调用函数的情况,没有父组件子组件这种关系进行支撑的情况下对一个组件进行传参?原创 2024-12-15 09:48:53 · 1225 阅读 · 0 评论 -
Vue(4)脚手架&Vuex
main.js// 引入Vue// 引入App组件,它是所有组件的父组件// 关闭Vue的生产提示// 创建Vue实例对象new Vue({// 将app放入容器// template: `<h1>你好</h1>` 用不了,});关于不同版本的Vue1.vue.js与vue.runtime.xxx.js的区别:(1)vue.js 是完整版的Vue 包含:核心功能+模版解析器(2)vue.runtime.xxx.js 是运行版的Vue 只包含:核心功能:没有模版解析器。原创 2024-10-20 09:28:24 · 1493 阅读 · 0 评论 -
Vue(3) 组件
1.一种组件间的通信方式 适用于:子组件==>父组件2.使用场景:子想给父传数据 那么就要在父中给子绑定自定义事件(事件的回调在父中)3.绑定自定义事件第一种方式:在父组件中:或App.vue理解:在组件上绑定一个事件atguigu 回调函数是getStudentName第二种方式:在父组件中:< Demo ref=“xxx”>App.vue。原创 2024-10-14 08:31:20 · 1061 阅读 · 0 评论 -
Vue基础(1)
2.数据代理的理解 通过一个对象代理对另一个对象的属性的操作(读/写) 如果直接更改obj2中的x obj中的x也会更改 即通过一个对象(obj2)对另一个对象obj的属性(x)的操作。当发现被修改时,页面中用到两者的地方会自动更新,而计算属性是依赖着data中的来改变的,则会再次调用fullName,调用get方法,达到页面中插值fullName修改的效果。2.所有不被Vue管理的函数(定时器的回调函数,ajax的回调函数等,promise的回调函数),最好写成箭头函数。3.get函数什么时候执行?原创 2024-09-29 17:12:06 · 1495 阅读 · 0 评论 -
Vue基础(2)检测数据原理~生命周期
一、定义语法:(1)局部指令:(2)全局指令:二、配置对象中常用的三个回调(1)bind 指令与元素成功绑定时调用(2)inserted:指令所在元素被插入页面时调用(3)update:指令所在模版结构被重新解析时调用三、备注:1.指令定义时不加v- 但使用时要 v-2.指令名如果是多个单词,要使用x-x命名方式 不要用驼峰注意:指令中所有的this都是window 与是否是箭头函数 普通函数无关<body>原创 2024-10-06 11:56:08 · 1441 阅读 · 0 评论
分享