背景 1. Vue不能检测对象属性的添加、删除（仅此而已，可直接对该对象重新赋值、修改该对象或内层对象的属性） 2. Vue不能检测数组的项修改（根据index）、length修改（仅此而已，可直接对数组重新赋…

vue组件API风格 vue组件API风格：选项式 API 和组合式 API 1、选项式API 与vue2写法相似，使用选项的对象来描述组件的逻辑，例如data、methods和mounted等生命周期函数。选项所定义的属性都会暴露在函数内部的this上，它会指向当前…

ref 是最常用的一个响应式 API，它可以用来定义所有类型的数据，包括 Node 节点和组件。 没错，在 Vue 2 常用的 this.$refs.xxx 来取代 document.querySelector(‘.xxx’) 获取 Node 节点的方式，也是使用这个 API 来取代。 类型声明…

文章目录 一、优点二、实现三、执行过程（1）定义容器（2）定义行（3） 定义元素 四、注意事项（1） 自动换行（2）向上兼容性（3）向下不兼容性 一…

文章目录 响应式数据的实现：ref和reactiveref函数ref的引入ref的作用基本类型ref的使用对象属性ref的使用放弃ref的深层响应性_shallowRefref的响应式原理ref在模板中解包的注意事项 reactive函数reactive作用对象属性reactive使用数组属性reactive使用例子&#xf…

这个词已经喊了很久了，一直都是小打小闹，没正经的做过大的响应式全站，这次终于有机会了。网站刚上线半个月，就要改版为响应式设计，支持手机/PC等各类终端显示浏览。今天把首页做好，并测试无误，这…

【前端8】element ui常见页面布局：注意事项 写在最前面遇到的问题Element UI 常见页面布局：注意事项1. 了解基本布局组件常用的菜单1多一个下角 常用的菜单2 2. 栅格系统的使用3. 响应式布局4. Flex 布局的应用5. 避免滥用嵌套6. 处理边距和填充 小结 &a…

一、什么是响应式布局？ 响应式布局就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。   响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验。 二、响应式布局的优点和缺点有哪些呢…