1创建实例方式不同20 使用构造函数new Vue的方式，将选项对象通过参数传入30 使用VuecreateApp静态方法创建参数依然是选项多先发20 使用 符2定义指令组件等方法的不同 20 定义指令和组件。

1vue2使用ObjectdefineProperty方法实现响应式数据，vue3使用proxy实现响应式数据 ObjectdefineProperty的缺点无法检测到对象属性的动态添加和删除 无法检测到数组的下标和length属性的变更 解决方法vue2提供Vue$set动态给。

deactivated，删除了attacheddetached二过滤器20将10所有自带的过滤器都删除了，也就是说，在20中，要使用过滤器，则需要我们自己编写，以下是一个自定义过滤器示例，Vuefilter#39toDou#39，functionn，a，b。

2由于vfor和vif不能作用在同一标签上，所以要用lttemplate包裹所有的lteltablecolumn 3循环渲染ltlteltablecolumn标签，并将需要添加插槽的单独领出来或者简单来写1使用jsx语法，在lteltab。

成功后，会在 vue2 文件夹下生成 node_modules 依赖 成功后就可以全局调用 vue2 命令，启动 vue20 环境 成功后，会在 vue3 文件夹下生成 node_modules 依赖 成功后就可以全局使用 vue3 命令，启动 vue30 环境。

vuecli 30的项目目前已经有很多了，近期接触到的项目几乎都是30的版本，因此再用20就不再合适了勇于入坑，是对技术最大的尊重首先，我们需要卸载目前电脑上全局安装的vue版本，命令如下npm unistall vuecli。

1外观上判断，带上手电筒查看USB接口内部，如果只看到四片金属是USB20，如果看到外部四片，但里面一点分成5片更小的触片是USB302看传输速度，复制一个大文件的时候会明显感觉usb30会比较快，还有就是硬盘。

文章来源于@Elab团队， 一Vue3 Vue3中文文档12x 全局 API3x 实例 API app 无。

图标，在展开的菜单中点击“管理”按钮进入计算机管理2进入计算机管理后，双击“设备管理器”按钮进入设备管理器界面3在右侧的窗口中将“通用串行总线控制器”这项展开，然后可以查看电脑的USB接口是20还是30。

而 CompositionAPI 出现的背景主要是为了解决逻辑抽象和和复用的问题，但不意味着它成为了 Vue3 的标准如何区分场景使用 Options API or Composition API 主要看业务逻辑的复杂程序，例如一些简单的 toastbutton 等基础。

Vue30 新增了一个 Teleport 组件，开发者可以使用它将其所在组件模板的部分内容移动到特定的DOM位置，譬如 body 或者其他任意位置Vue 20 要实现对应的功能则需要使用 portalvue 三方库，或者使用 $el 操作DOM等来。

vue30预计在2019年下半年左右发布，vue30版本与其他版本完全不同，它最大限度的减少了开发人员配置工具的次数，另外增添了许多丰富的内置功能，还附带了一个完整的GUI用于创建和管理项目推荐课程vue教程Vue的作者。

检查是否安装成功 Vue build == 打包方式，回车即可Install vuerouter == 是否要安装 vuerouter，项目中肯定要使用到 所以Y 回车Use ESLint to lint your code == 是否需要 js 语法检测 目前我们不需要 所以。

增加了 “”tt” “node buildttbuildjs 到 30x 应该怎么用 带着这些问题来看 30x 感觉就好多了1 官网资料在学习技术的时候，经常看查看官网的资料因为那里的资料更新是最快的 vuecli。

你需要把data， method， computed， watch以及生命周期都放到setup函数中来使用 生命周期在01中已经列举，主要区别就是你需要在import的时候引入方法才可在setup中调用这个生命周期函数，其他用法没什么特殊的跟vue20一样。

四vuerouter的模式区别 1abstract非浏览器环境下使用 2hash1默认监听hashchange实现2有点，兼容性好，ie8支持 3缺点看起来奇怪 3history1h5新增的允许开发者直接修改前端路由而不。