1、Vue3 出现解决了什么问题？它有哪些优势？

Vue2 代码模式下存在的几个问题：

• 随着功能增加，复杂的组件代码越来越多，变得难以维护。主要原因是 vue2 通过选项式API组织的代码，一个逻辑功能可能有多处代码，不易别人上手。
• 缺少一个比较干净的在多个组件之间可以提取和复用逻辑的机制。

最近开发某应用的PC端后台管理时，突然对登录页面的账号密码还有图片识字验证码感到厌烦了，不仅填写麻烦，要记账号密码也麻烦。为什么不尝试用微信扫码登录呢？功能实现后，我整理出来分享给大家（友情提示：阅读本文需要比较熟悉微信公众号的相关开发，前端框架是基于vue3的element plus，后端是.net6.0 的c# ）。本文是针对PC上web应用的登录场景下，实际上我以前做过桌面端wpf程序的微信扫码登录，大致流程和代码也是一样的，也就是说所有客户端显示二维码，让用户扫码登录，处理流程大体是一样，差异只是因为客户端不同，扫码成功后服务端发送登录信息给客户端所采用的推送方式也不同。

本文来自我的小伙伴小帅，从JS基础出发一起学习JS，全网首发

今天我来谈一谈我对 vue.nextTick() 方法的理解，这是一个在面试会被经常问到的问题，会问到起原理和理解还有适用场景。

在vue项目中，vue.nextTick() 方法还是蛮常见的，因为很多场景需要用到这个方法，比如页面初始化加载的时候，你需要获取元素的高度，但是这个元素又是通过接口数据渲染的，如果直接获取那肯定获取到的高度是元素还没加载以前的高度，要想获取到实际加载数据以后的值那可以用 vue.nextTick() 方法。

相信有很多这样的兄弟，学了 Vue3 的各种 API 和新特性，但公司项目依然使用的是 Vue2 ，也不知道自己的水平能否上手 Vue3 项目。其实你学的是零碎的知识点，缺少真实的使用场景。

1.基础的了解

本人也是从事前端的一个开发工作的，也会有用到vue的一些项目，这里就来说说面试时候的一些问题吧。

代码如下

<template>
  <div>
    <div ref="divR" class="aC" @click="changeF"></div>
    <p v-if="clientHeight">{{clientHeight}}</p>
  </div>
</template>

<script>
  import { ref,watchEffect,onMounted  } from 'vue';
  
  export default {
    props: {
    },
    data() {
      return {
      }
    },
    setup(props,context) {
      
      const divR = ref(null);
      const clientHeight = ref(0);
      
      watchEffect(() => {
        // 侦听模板引用
        clientHeight.value = divR.value.clientHeight;
      },{
        // 使用flush: 'post' 确保模板引用与 DOM 保持同步，并引用正确的元素
        flush: 'post'
      })
      
      return {
        clientHeight,
        divR, // 在setup中暴露 divR，并通过 ref="divR"，将其绑定到 div 作为其 ref
      }
    },
    methods: {
      changeF() {
        this.clientHeight = (this.divR.clientHeight * Math.random()).toFixed(0);
      }
    }
  }
</script>

<style scoped>
  .aC {
    width: 100px;
    height: 100px;
    background: red;
  }
</style>

1、Vue有下列哪几种功能【多选题】(2分)ABCD

A、解耦视图和数据 B、可复用的组件

C、数据绑定 D、功能插件化

2、Vue插值用下列那个符号(2分)C

A、《》 B、<>

C、{{}} D、（）

组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点，来讲解如何实现父子组件间通信。

转载链接：https://www.jianshu.com/p/91416e11f012

在说如何实现通信之前，我们先来建两个组件father.vue和child.vue作为示例的基础。

Vue3从2020年9月发布到现在也有3年多的时间，这期间相信各大企业先后陆续都会在新项目的选择上从Vue2转到了Vue3开发，原因毫无疑问两个方面的改变

作者：jerryWu

转发连接：https://juejin.im/post/5ec48f84e51d45788266753a

pdf.js实战，含水印、电子签章解决方案

项目涉及到移动端查看电子合同的问题，前前后后试了三种方案，真是一步一个坑，三种方案各有各的优点，不水，直接上代码，按照自己的需求选择。