Web前端最全vue中实现拖拽调整顺序功能，阿里、腾讯大厂Web前端面试必问知识点系统梳理

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

引入后直接声明该组件然后使用即可，示例代码：

{{item}}

二、vue-dragging 的 npm 包的名字是 awe-dnd，并不是 vue-dragging，这个库的特点是封装了 v-dragging 全局指令，然后通过全局指令去数据绑定等。

与vuedraggable相比，awe-dnd没有双向绑定，因此提供了事件，在拖拽结束时用来更新列表 或 去触发父组件监听的事件。

1：安装依赖

npm install awe-dnd --save

或

yarn add awe-and

项目中main.js 文件

import VueDND from ‘awe-dnd’

Vue.use(VueDND);

class=“color-item”

v-for=“color in colors” v-dragging=“{ item: color, list: colors, group: ‘color’ }”

:key=“color.text”

{{color.text}}