前端培训丁鹿学堂分享站

setup函数深入 setup会在beforeCreate之前执行一次，它里面的this指向是undefined setup的参数 1.props 用于在setup函数中使用父组件传递的属性 2.co

createServer创建服务对象 http是网络模块。createServer方法就是创建服务,调用它以后会生成一个服务对象。 服务对象on方法可以监听请求request，在回调里进行响应。 li

vue2的响应式原理 简单一句话：通过数据劫持 defineProperty + 发布订阅者模式。 对象类型的数据：通过defineProperty对数据的读取和修改做拦截。这种拦截就叫数据劫持。 对

认识nodejs nodejs是一个JavaScript运行环境，以前js只能运行在浏览器，而node让js可以运行在服务器。所以前端学习了node以后，可以进行后端开发。 node的优点 有超强的高

vue3中的setup是什么 vue3相比于vue2的特点就是多了组合式api，而代码上最直观的体现就是多了一个setup函数。 它是vue3的一个新的配置项。组件中的数据，方法等，都写在了setup

vue3 之watchEffect监听数据 在vue3中还可以通过watchEffect来监听响应式，它的返回值是一个函数，可以通过调用函数解除监听 它的参数是一个回调函数，当响应式数据发生改变会立即

vue的生命周期 vue的组件从没有到创建，数据变化的更新，显示隐藏，这不同的阶段就是vue的生命周期。 在每个这样的阶段vue提供了一些函数，在这个时候可以进行一些操作，成为生命周期钩子函数。 生命

vue之动态组件 动态组件就是根据自己的定义来加载显示不同的组件。 关键词是 is 引入多个组件 在components中注册 <component :is="comContent"></compon

vue的组件插槽slot 插槽的理解就是子组件用一个标签占位。父组件可以通过插槽向子组件插入dom内容，位置就是插槽标签占位的地方。 写法分两步： 1.在子组件中通过 slot 开一个插槽 2.在父组

组件事件传递之emit 父组件给子组件传递事件，可以是click等事件或者自定义事件 2.子组件通过emits注册 3.子组件通过$emit触发，并且可以传参数 v-model的实现 input输入框

子组件通过watch监听父组件的props的内容 props的属性可以被watch监听到。我们可以在props改变的时候通过watch 去修改子组件的一些值 父子组件通过$attr传值 父子组件的传值

props父子传参父组件传递多个参数给子组件 父组件可用通过v-bind传递一个对象，把props所有的属性传给子组件 props的校验 1.required表示这个属性是必传的，布尔值 2 prop

vue组件使用的使用 创建 在vite项目的components文件夹下创建组件，以.vue 结尾 在app.vue 组件中使用： 引入 importDbuttonfrom'./components/

vue中表单通过v-model进行数据的双向绑定 input 可以表示复选框，这个时候v-model绑定一个布尔值，true表示选中，false表示没有选中。 input的checkbox多选的话注意

绑定事件 指令是v-on ，可以用@ 修饰符简写，这些是最常用的。 定义事件，统一在methods对象中定义，methods和data是平级的。 事件对象event在vue中的使用 如果不传参数，则定

相信很多前端的小伙伴们都对console.log很熟悉了。 开发过程中的调试少不了这个。但是console还有一些比较有趣的用法，可以帮助我们更好的debug，提高开发效率。 输出带颜色的consol

如果面试要问css，这个问题的频率是很高的。这次让我们总结下来，一步到位。 垂直居中的5种方式 1.定位+ margin：这种适合子元素的宽高都确定的情况 2.定位+ margin：auto。 这种适

CSS 预处理语言less 我们可以使用css预处理语言去更加方便的写样式。 安装 全局样式的引入 项目需要初始化一些样式，或者统一一些样式风格的话，可以全局引入样式。 在assets下创建commo

01、Array.map() 返回一个新数组，其中包含对该数组中每个元素调用提供的函数处理的结果 02、Array.filter() 返回一个新数组，其中包含通过所提供函数判断后返回真的所有元素。 0

1push 在数组尾部追加元素，会改变原数组 2.pop 在数组尾部弹出，类似于出栈 3.unshift() 在头部压入数据，原数组会变 4.shift() 在头部弹出数据，原数组会变。返回值为弹出的