- 博客(4)
- 收藏
- 关注
RSS订阅原创 vue2和vue3区别
vue2是把数据放入data中，vue3就需要使用一个新的setup()方法，此方法在组件初始化构造得时候触发。使用reactive() 方法来声明数据为响应性数据；3. 使用setup()方法来返回我们得响应性数据，从而template可以获取这些响应性数据。新得合成型api能让我们使用方法来分割，相比于旧的API使用属性来分组，这样代码会更加简便和整洁。vue2的双向数据绑定是利用了es5 的一个API Object.definepropert() 对数据进行劫持 结合发布订阅模式来实现的。
2023-11-29 18:13:25
1052
原创 vue2.0封装搜索组件
<template> <div class="utm-search-box" id="search-bar"> <p class="search-title">Search Options</p> <!--普通搜索--> <div class="utm-search-list" :style="{'overflow-y': searchData.noHidden ? 'unset' : 'auto'}">
2023-11-20 15:37:30
419
原创 vue3 全局公用方法使用
每个不同的页面使用的时候都需要手动这样处理一下有点麻烦，个人换个思路将方法挂载在window下，需要调用的时候可直接使用（部分场景下可能存在问题再考虑）1.vue3中如果想要在main.js中封装公用的方法需要现在实例的config.globalProperties下去挂载方法。场景：在main.js中封装elementui的message方法。调用的时候需要在页面中引用。
2023-11-20 15:18:45
926
原创 【通俗易懂】vue同一个页面复用同一个组件多次，如何让组件的内容显示不一样
比如有现在有一个yanggb组件，我引入到我的页面中(创建了一个组件实例)，然后调用两次(在页面上调用组件实例两次)，那么当我给第一个调用绑定的对象变量的一个属性赋值了100，那么第二个调用绑定的同一个对象变量的该属性也会被赋值100，因为这两个调用在同一个作用域内绑定了同一个对象变量，而JavaScript内一切对象皆为引用，也就导致第二个调用的值跟着第二个调用的值变化了。而组件化的一个重要特性就是作用域隔离，即一个组件实例拥有一个私有的作用域，当在页面中引用了该组件之后，只有该组件实例能访问该作用域。
2023-08-25 14:09:06
6791
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人