![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 59
打工人C&K
学编程的小懒
展开
-
前端面试题--了解并简单介绍一下typescript
TypeScript是JavaScript的超集,具有可选的类型并可以编译为纯JavaScript。从技术上讲TypeScript就是具有静态类型的 JavaScript。向JavaScript添加静态类型的原因是什么?我想原因至少有三个:您可以避免经典的错误 ‘undefined’ is not a function.在不严重破坏代码的情况下,重构代码更容易。使大型、复杂的应用程序源码更易阅读。原创 2023-02-20 15:04:26 · 433 阅读 · 0 评论 -
前端面试题--vue的父子组件通信
子组件接受使用父组件的数据,这里的数据包括属性和方法(String,Number,Boolean,Object, Array ,Function)。vue提倡单项数据流,因此在通常情况下都是父组件传递数据给子组件使用,子组件触发父组件的事件,并传递给父组件所需要的参数。比较常见的就是父组件为控制组件子组件为视图组件。父组件传递数据给子组件使用,遇到业务逻辑操作时子组件触发父组件的自定义事件。原创 2023-02-20 15:03:28 · 167 阅读 · 0 评论 -
前端面试题--react与vue的区别
首先从架构层面来看,vue是MVVM架构,是一个灵活易用的渐进式双向绑定,而react并没有准确的架构模式,react准确的架构模式是调和器和渲染器,它有的是属性和状态。用属性和状态去映射视图,react,强调的是属性不可变性,单向数据流。React : 用一个函数来表示一个组件,当你把数据放进去时,它就会把数据渲染到组件里面,同时,在放数据的时候,要做到 “ 不可变 ”,也就是说,更新数据时,不是改变之前的数据,而是新生成一个和之前不一样的数据并放入函数,函数会得到一个新的UI,最后更新DOM树。原创 2023-01-14 11:36:33 · 1395 阅读 · 0 评论 -
vue-进入/离开&列表过渡
**vue-进入/离开&列表过渡**在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库,如 Animate.css在过渡钩子函数中使用 JavaScript 直接操作 DOM可以配合使用第三方 JavaScript 动画库,如 Velocity.js过渡:Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。Vue 提供了内置的过渡封装组件,该组件用于包裹要实现过渡效果的组件。语法格式:<transition name =原创 2022-02-07 18:43:30 · 593 阅读 · 0 评论 -
vue-事件处理
**vue-事件处理**一般使用v-on来进行事件监听,在监听DOM事件时会触发一部分的js代码。使用v-on:xxx或@xxx绑定事件,xxx指 事件名。 事件的回调要写在methods对象中,最终会放在vm上。2. 中的函数由Vue管理,函数中的this指向vm或组件实例。3. methods中的函数一定不要写成箭头函数,一旦写成箭头函数,函数中的this就不再是vm了。@click="showInfo"click="showInfo($event)"效果一致,但后者可以传参。原创 2022-02-02 13:32:50 · 353 阅读 · 0 评论 -
vue-列表的渲染
**vue-列表的渲染**vue的列表渲染指令是基于v-for的,官方文档中是这么说的*v-for 指令需要使用 item in items 形式的特殊语法,其中 items 是源数据数组,而 item 则是被迭代的数组元素的别名。*便于理解:对于v-for他就必须使用一种特殊的语法,item in items items代表的是数据中的数组,而我们说的这些item代表的就是其中的每一项。并且在v-for中,我们拥有一个权力,可以说这个权力比什么都大,就是说对于父作用域完全访问的权力。 <li原创 2022-02-02 11:58:09 · 1509 阅读 · 0 评论 -
vue中的计算属性和侦听器
**vue中的计算属性和侦听器**computed(计算属性)在模板中放入太多的逻辑不但难以维护,就连作者自身在看到代码的时候可能都难以理解。vue开发了计算属性,计算属性是依赖于本身的响应式以来进行缓存的,只在响应式的依赖中发生改变时他们才重新求值,所从根本上大大减少了麻烦的逻辑和运算复杂度。代码示例:<template> <div id="app"> <p>{{ reversedMessage }}</p>原创 2022-01-30 09:18:53 · 694 阅读 · 0 评论