- 博客(12)
- 收藏
- 关注
RSS订阅转载 vue指令
大家好，我是 CoderBin，太久没碰 Vue 了，搞的连一些最基本的指令写法都有点模糊了，所以这一次就对Vue所有的内置指令进行回顾总结，前面先说明一些常用指令，不常用的放在后面。当使用直接在 DOM 中书写的模板时，可能会出现一种叫做“未编译模板闪现”的情况：用户可能先看到的是还没编译完成的双大括号标签，直到挂载的组件将它们替换为实际渲染的内容。<input id="football" type="checkbox" v-model="hobbies" value="football"> 足球。
2024-07-12 11:08:32
3
原创 input 的设定
此外，tel类型的input在ios上会调出全数字键盘，而number类型的input则会调出带有标点符号的键盘。使用 onchange 事件，在输入内容后，只有 input 丧失焦点时才会得到结果，并不能在输入时就做出响应。使用 onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母。使用 oninput 事件，完美的解决了以上两种问题，暂时还没有出现其它问题。2、限制input最大长度。1、设定input输入框的长度。
2024-07-12 09:34:41
180
原创 vue dom渲染过程
patching算法：=虚拟DOM最核心的部分，它可以将vnode宜染成真实的DOM，这个过程是对比新旧虚拟结点之间有哪些不同，然后根据对比结果找出需要更新的的节点进行更新。VNode虚报节点：它表示一个真实的dom节点所带有属性，可以理解成节点描述对象。在Vue的底层实现上，Vue将模板编译成虚拟DOM谊染函数。谊染面数:渲染面数是用来生成虚拟DOM的。在底层实现中Vue会将模板编译成谊染函数。vnode，它描述了应该怎样去创建真实的DOM节点。计算出重新谊染组件的最小代价并应到DOM操作上。
2024-07-11 12:08:53
351
原创 vue脚手架浅理解
Vue项目提供了一种特殊的组件声明方式：SFC(Singleton File Component)单页面组件，描述了一种以.vue结尾的文件，每个文件就是一个独立的组件的形式。Vue项目中，创建的组件（全局组件、局部组件）默认形式下通过template选项指定的一堆字符串，实际开发中并不友好，没有开发人员会在一个字符串里面编写一个完善的网页。2、@vue/cli 4.x：适用于vue2.x、vue3.x项目构建。1、vue-cli：适用于vue1.x、vue2.x项目构建。官方目前共提供了两种脚手架模块。
2024-07-11 07:58:13
73
原创 vue中ref()与reactive(的区别)
这时objectReactive.count = 4修改的不再是effect 所监听的代理对象，而是新的普通的不具备响应式能力的对象{count:3}。这时objectReactive.count = 4修改的不再是effect 所监听的代理对象，而是新的普通的不具备响应式能力的对象{count:3}。ref是通过一个中间对象RefImpl持有数据，并通过重写它的set和get方法实现数据劫持的，本质上依旧是通过Object.defineProperty 对RefImpl的value属性进行劫持。
2024-07-10 17:18:43
1052
1
原创 props与emits
例如，父组件可以根据用户的操作或业务需求，向子组件传递不同的 props 值，以便子组件根据不同的配置进行展示或处理。当多个子组件需要访问同一个数据时，可以将数据定义在父组件中，然后通过 props 将数据传递给子组件，从而实现数据共享。本文将介绍如何在Vue3中传递对象，并且在子组件中访问和修改父组件对象中的属性值，以及子组件如何调用父组件中的方法。在Vue3中如果想修改父组件传入的值，只能通过defineEmits让子组件调用父组件中的方法来修改父组件中的值，同时子组件中的值也会发生响应式变化；
2024-07-10 17:17:13
1061
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人