vue js2cube ui重构饿了么app外卖课程q资源.pdfVIP

Vue.js 外卖APP 课程Q&A 背景，随着学生人数的增 发现很多学生遇到的问题都大同小异，我打算整 理一些常见问题的Q&A，来节约大家的时间，提示学习效率。 不过我也发现一些问题：很多同学不看 ，上来就写代码，然后抛出的很多问 题在 里都有现成的解决方案，所以建议同学们务必认真的学习 。还有一 些同学遇到的问题，都是Vue.js 官网可以查到的。这里我强调一下官方文档的重 要性，它是解决问题的权威和指南，遇到问题首先看文档，看不明白再提问比较 好，这也是一个思考以及提升自我解决问题能力的一个途径。 下面是我整理的一些常见问题， 需要我会补充 的常见问题。 1.课程源代码在哪 ？ 当同学们的学习进度超过40% 的时候，可以在课程主页的“同学tab” 完整的 代码。（记住一定要超过40% 的进度喔） 2. 的课程是Vue.js 1.0 开发的，我用Vue-cli 默认安装是 Vue.js 2.0 版本，我如何安装Vue.js 1.0 版本的项目？ 由于Vue.js 现在主推的是2.0，所以Vue-cli 脚手架也升级为默认安装2.0 版本的 Vue.js 项目。但是我们可以指定版本安装，在 台执行脚本如下： vue init w ck#1.0 projectname 其中，projectname 是项目名称，可以是任意合法的字符串。 3.我可以直接用Vue.js 2.0 开发本课程吗？ 当然可以，但前提是你已经对Vue.js 的基础有所掌握，并且熟知1.0-2.0 的变化， 这些在官网上都可以查到的资料。我也很鼓励这种做法，毕竟课程教授的学习的 和思路。但是，对于一些新手同学，我还是建议安装1.0 版本的Vue.js ，跟 着 一步步先敲代码，避免一开始就掉坑里。用 1.0 实现一遍后，再尝试用 Vue.js 2.0 开发本课程。 另外，需要强调一下， 使用Vue.js 2.0 那么Vue-router 也需要用2.0 的，具 体使用 参考官方文档。 4.我通过npm run dev 运行项目的时候，出现了如下报错，提 示找不到stylus 模块。 通常出现这个问题的 是 npm 版本过低，安装的stylus-loader 的时候未能正 常安装它的依赖stylus 。解决办法首先升级一下npm 版本，在当前项目目录下执 行如下命令： npm install –g npm 安装新版本npm 后，再执行npm install 重新安装依赖。 还不能 ，手动 单独安装stylus 模块，在当前项目目录下执行如下命令： npm install stylus –save-dev 5.为何 webstorm 已经安装了 stylus-loader 和 stylus ， 在.vue 文件里写stylus 还是会报语法错误呢？ 解决方案： 1. 安装webstorm 的 vue 插件：vue-for-idea 。 2. 升级 webstorm 到最新(2016)版本。 6.为什么在 main.js 全局加载了 index.styl （包含mixin.styl）， 在一些Vue 组件里面还要import mixin.styl 呢？ 确实需要在每个组件引入依赖的 mixin.styl 文件，因为 w ck 是单文件编译 的。在w ck 的编译过程中，由vue-loader 处理vue 文件，vue 文件在处理 stylus 编译的时候，遇到了使用mixin 的地方，但这个时候它并 知道“全局”依 赖了mixin.styl，它需要能给根据依赖的文件去查找是 义了这个mixin，然后 把对应的代码替换到当