一个努力搬砖的前端开发

vue2：是把数据放入data中，在vue2中定义数据变量是data(){}，创建的方法要在methods:{}中。vue3：就需要使用一个新的setup()方法，此方法在组件初始化构造的时候触发。

浮动的作用，设置浮动的图片，可以实现文字环绕图片，设置了浮动的块级元素可以排列在同一行，设置了浮动的行内元素可以设置宽高，同时可以按照浮动设置的方向对齐排列盒子。设置浮动元素的特点： -设置了浮动，该元素脱标。元素不占位置 -浮动可以进行模式转换（行内块元素） 浮动造成的影响，使盒子脱离文档流，如果父级盒子没有设置高度，需要被子盒子撑开，那么这时候父级盒子的高度就塌陷了，同时也会造成父级盒子后面的兄弟盒子布局受到影响。如果浮动元素后面还有其他兄弟元素，其他兄弟元素的布局也会受到影响。清除浮动。

vue常见的问题（面试中问到的）‌Vue2和Vue3的主要区别体现在双向数据绑定原理生命周期钩子函数API多根节点、性能和体积等方面。‌‌双向数据绑定原理‌：Vue2使用实现双向数据绑定，而Vue3则利用ES6的Proxy特性来实现，这提供了对数据的更全面监控，包括对数组和对象的深度监听，而Vue2在处理数组变化时需要使用特定的方法（如this.$set），Vue3则可以直接检测到数组内部的变化。‌生命周期钩子函数。

在这一步，实例已完成以下的配置：数据观测 (data observer)， 属性和方法的运算，watch/event 事件回调。el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。该钩子在服务器端渲染期间不被调用，因为只有初次渲染会在服务端进行。在挂载开始之前被调用：相关的 render 函数首次被调用。

vue与vuex常见的一些知识点与面试题