vue2.0升级到vue3.0
在Vue 2中，Vue.prototype通常用于添加可在所有组件中访问的属性。Vue 3中的等效项是config.globalProperties。
Vue3 的 v-model 相对 Vue2 来说 ，有了较大的改变。可以使用多 model ，相应语法也有变化。
首先说明，这种问题，90%都是版本问题，需查找刚刚安装了什么插件，用的版本是什么。最好可以对比以前可以用的版本。
vue-clio移除了config.文件夹。多了vue.config.js文件。新增了一个views文件夹。删除了static新增了public文件夹。index.html移动到public了。
vue-cli0移除了配置文件目录，config 和 build 文件夹。同时移除了 static 静态文件夹，新增了 public 文件夹，打开层级目录还会发现， index.html 移动到 public 中。
Vue2.5学习笔记之如何在项目中使用和配置Vue
1、这里说下 vue-cli 脚手架所带的图形界面编译打包管理，可使用如下命令开启，然后按照提示，加入需要的项目，可以查看仪表盘展示，进行插件管理，依赖管理，编译配置，以及项目构建的操作，十分方便。
2、使用两个分开的 webpack 配置文件，一个用于开发环境，一个用于生产环境。把可能共用的配置放到第三个文件中。
3、在保证我们处于我们项目下，在命令行输入下面命令，然后，安装 vuex 。
4、在 Vue 中，父子组件的关系可以总结为 props向下传递，事件向上传递。父组件通过 props 给子组件下发数据，子组件通过事件给父组件发送消息。看看它们是怎么工作的。
5、而vue-cli是vue的官方脚手架，它能帮助我们方便的配置webpack。
谷歌浏览器vue调试
具体步骤如下：首先打开谷歌浏览器，在右上角找到“三个点”主菜单按钮并点击，在出现的列表中点击“更多工具”选项，在出现的第二个小列表中选择“扩展程序”并点击进入。
Vue是一款流行的前端框架，用于构建单页应用。Vue项目兼容Chrome70的原因是因为Vue框架本身并不依赖于浏览器的版本，它更多依赖于浏览器的核心功能，如DOM操作、事件处理、AJAX等。
首先打开谷歌浏览器，找到我的。其次点击个人中心。最后点击个人数据查看即可。Vue组件之间数据传递的几种方式，父组件向子组件传递数据，使用props属性；子组件向父组件中传递数据，在子组件中使用$emit派发事件。
打开Google浏览器，点击右上角的三点。
错误原因：方法没有写到 methods： { } 里面。
首先是启动谷歌浏览器的开发者工具的方法。在浏览器右上角的选项中点击，下拉菜单选工具——开发者工具，快捷键CTRL+shift+I 打开开发者工具后，在浏览器下方出现一个调试面板。
用webstorm安装了脚手架,但是无法查看vue的版本,是怎么回事?
1、有人觉得vue项目难调试，是因为用了webpack。所有代码揉在了一起，还加了很多框架代码，根本不知道怎么下手。所以vue+webpack调试要从webpack入手。我们先从一般情况开始说。
2、Mac端WebStorm用户。command+，打开偏好设置，选择plugins，点击下方的browserepositories在打开窗口的搜索栏里打vue。有两个插件但是都不是官方的。
3、首先安装vue插件，安装方法：file--setting -- plugin ，点击plugin，在内容部分的左侧输入框不用输入任何东西，直接点击下图中的按钮。
4、毕竟不是自己手动搭的脚手架，很多配置都是吃现成的，所以踩坑常用的事。在config的index.js文件夹里。把host的值由localhost改为“0.0.0.0”，然后就可以用手机浏览器ip+端口号打开了。
5、点击OK 返回，在项目中新建会出现vue文件 webstorm配置新建vue文件完成。
6、在没有Vue脚手架的时候，我们需要手动搭建webpack项目、手动去配置vue，现在有了Vue脚手架，我们就可以通过命令行的形式快速生成vue项目的基础架构。