![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue学习笔记
文章平均质量分 59
vue学习笔记
输出是最好的学习方式
这个作者很懒,什么都没留下…
展开
-
华为研究院前端面试
先说一下面试华为的感觉,我感觉面试华为那真是一种享受。面试官谦逊温柔,逻辑清晰有耐心,是个男的。哈哈…感觉就像是在跟一个哥哥说话一样,耐心而温柔。 先说一下面试流程: 面试流程是先是算法,考查基础的编程能力。算法题目比较简单,是给你一个素数,因为数学界已经证明了任何一个偶数都可以拆分成两个素数的和,因此该题目是给你一个范围在6-65536范围内的偶数,让你输出两个 然后是问项目相关的问题,问你项目中有没有遇到什么问题。是怎么解决的? 在项目中主要用到了那些前端的协助工具,如果给你一个项目,你打算怎么开始,原创 2021-04-16 13:55:15 · 747 阅读 · 0 评论 -
vue的高级特性
考察vue的掌握深度和全面度 自定义v-model 应用场景:颜色选择器 <template> <!-- 例如:vue 颜色选择 --> <input type="text" :value="text1" @input="$emit('change1', $event.target.value)" > <!-- 1. 上面的 input 使用了 :value 而不是 v-model原创 2021-02-10 19:46:51 · 255 阅读 · 0 评论 -
vue 组件面试题
props和$emit 父子组件之间的通讯方式,父组件向子组件传值,通过在便签属性上用v-bing传值,子组件通过 props接收。 子组件向父组件传值,需要子组件在组件内通过$emit触发一个事件,触发时间时,携带事件名和参数,父组件通过在组件标签上监听事件来处理子组件传递过来的值。 <button @click="deleteItem(item.id)">删除</button> deleteItem(id) { this.$emit('delete',原创 2021-02-10 15:49:14 · 1024 阅读 · 0 评论 -
vue基础使用面试题
v-for 和v-if不能同时使用 原因是v-for的优先级比v-if的优先级要高 会导致渲染多次 判断多次 key 不能乱写 key尽量不要用index 数组遍历两个变量 遍历对象是三个变量 事件 参数 不需要传参数 则event 直接可以获取 如果有参数 则需要和参数一起带过去 带过去的方式 $event 事件修饰符 案件修饰符 阻止单击继续传播 event是什么? 是不是原生的引用对象 构造函数是mouseEvent 是原生的event event.target 是挂载到当前元素下 表单 用v原创 2021-02-10 11:29:42 · 79 阅读 · 0 评论 -
vue插槽
本篇重要介绍了具名插槽和作用域插槽的应用场景原创 2021-02-09 16:18:11 · 61 阅读 · 0 评论 -
vue基础知识笔记
vue 如何为HTML标签动态绑定属性 v-bind指令 格式为 v-bind:属性名=‘变量名’ 注意变量名要放在‘’里 如何实现将文本字符串识别为html元素 可以在标签中添加 v-html指令 并通过给指令赋值的方式,给标签增加 html元素节点,如下图所示 JavaScript的表达式在vue模板字符串中是否可以使用 可以,不仅可以使用基本的运算表达,还可以实现三目运算符和函数。 <!DOCTYPE html> <html> <head> <meta cha原创 2021-02-01 16:56:39 · 106 阅读 · 0 评论 -
vue易错点总结
详细展示生命周期 调用方法和获取data中的数据 ,最早是在create方法中 在created方法中可以发送请求。 想要操作DOM元素,最早是在mounted之后 mounted之后,元素真正的挂载到了浏览器端。 不同生命周期可以做的事情 上面的图片详细解释了生命周期钩子里应该做哪些事情,诸位可以自行取舍,下面我们结合案例总结下: created钩子: 发ajax请求 mounted钩子: 也可以发送ajax请求,更多的是操作DOM元素 updated钩子: 可以用来监听路由变化 beforeDest原创 2021-02-01 15:43:39 · 319 阅读 · 0 评论