- 博客(22)
- 收藏
- 关注
RSS订阅原创 vue3--SVG图标的封装与使用
/xlink:href属性值前缀。//接受父组件传递过来的图标的宽度。//接受父组件传递过来的图标的高度。//接受父组件传递过来的参数。main.ts文件中写入。//提供使用的图标名字。//接受父组件传递颜色。
2025-02-15 21:35:29
577
原创 Vue全流程--Vue3.0与Vue2.0响应式原理对比
需要使用Vue.set这么一个api，修改数据需要使用Vue.delete这么一个api，删除数据数据代理这个当面的理解可以看看我前面文章。
2025-02-10 19:19:19
415
原创 Vue全流程--Vue3组合一ref与reactive（实现响应式）
type:'前端工程师',})reactive(源对象)。返回的是一个代理对象（proxy对象）reactive可以相应深层次的数据（{{{对象里面套对象的那种情况}}}
2025-02-10 18:36:44
717
原创 Vue全流程--Vue3中setup配置项
使用setup函数后，简化了vue2中命名data,methods等步骤。同时结构更加明显。最重要的是组合式api基础。
2025-02-10 14:34:29
375
原创 Vue全流程--Vue2路由
1、点击跳转链接后直接在原本的页面展示。路径发生相应改变2、整个应用只有一个完整页面3、数据需要通过ajax获取其实路由还有一些其他的知识点，比如缓存路由以及另外两个生命周期，路由守卫。这里再下一章节进行讲解。
2025-02-08 19:48:44
1995
1
原创 Vue全流程--Vue2中ref、props、mixin、scoped的作用
我们在日常获得DOM元素的方式，通常是在html标签中设置id属性值。然后利 用 getelementbyid（）获得该标签的DOM元素。ref可以替代id实现该功能1. 打标识：```<h1 ref="xxx">.....</h1>``` 或 ```<School ref="xxx"></School>```2. 获取：```this.$refs.xxx```
2025-01-31 21:00:39
1911
原创 Vue全流程--Vue2组件理解第三部分
template>是html语言所写的网页内容<script>是利用js语言实现网页功能<style>是利用CSS语言实现网页的修饰。
2025-01-31 15:26:37
266
原创 Vue全流程--Vue2组件的理解第二部分
好的命名规则可以省去很多不必要的麻烦，这个好习惯还是要养成的一个单词组成：第一种写法(首字母小写)：school第二种写法(首字母大写)：School多个单词组成：第一种写法(kebab-case命名)：my-school第二种写法(CamelCase命名)：MySchool (需要Vue脚手架支持)备注：(1).组件名尽可能回避HTML中已有的元素名称，例如：h2、H2都不行。(2).可以使用name配置项指定组件在开发者工具中呈现的名字。
2025-01-31 12:06:47
1051
原创 Vue全流程--Vue2生命周期
3、生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。beforemounted：生成虚拟DOM，页面还是没有编译的DOM结构。2、是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。beforedestory：写在这个阶段内的方法和数据无效。1、别称：生命周期回调函数、生命周期函数、生命周期钩子。beforeUpdate：数据更新，页面尚未更新。beforeCreate：数据代理没有开始。mounted：页面是编译后的DOM结构。updated：数据更新，页面也更新。
2025-01-26 21:54:00
287
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人