随笔分类 - Vue
摘要：Vue-cli 脚手架搭建项目_Yuki_yuhan的博客-CSDN博客_vue脚手架搭建项目
阅读全文
摘要：点击页面进详情时，跳转不过去，F12以下显示如标题所示错误。 解决过程及bug出错原因： 调试过程中，发现后台传过来的路由的参数与前端写的大小写不一致，改一下就行了
阅读全文
摘要：最近看了一个项目的代码，好多知识是我不知道的，因此做了以下笔记，以便以后查阅。 Element-ui https://element.eleme.cn/#/zh-CN/component/i18n babel-polyfill https://www.jianshu.com/p/f2082ed8e2
阅读全文
摘要：在写vue项目的时候，九宫格的图片一直加载不出来，显示一直报错，报错内容如标题所示。 错误页面： 显示图片的代码成了这个东东 仔细看了看不是路径问题，其他也不知道是哪里的错，一脸迷茫！！！ 于是我在网上寻找解决方法，在众多的解决方案中终于找到了一个可以对症下药的方法。 原因： 在url-loader
阅读全文
摘要：scoped对组件样式做了一个锁定，就是只对控制组件内部的样式有效。不具有穿透能力。 不过使用它的时候有一个弊端： 如果在使用的组件里面又使用了第三方组件，如果希望对第三方组件的某一些元素做样式，如果使用了scoped，那么给这些元素设置样式将会设置不上去。 （原因：如果加了scoped的话，在控制
阅读全文
摘要：当我们做项目的时候，随着项目的一步步深入，我们的路由模块会越来越复杂，为了解决这个问题我们需要进行封装。把路由封装到一个独立的模块里面。（做一个独立的路由模块） 步骤： 首先在src目录下新建一个router.js文件（以后整个项目所有关于路由的代码就可以全部集中在这里面了） 然后将main.js中
阅读全文
摘要：传统的做法可用性不好，不利于团队协作开发。 在模块化开发的前提下，它给我们提供了一种新的使用组件的方式 首先需要在src文件夹里新建一个文件，名为app.vue 如果我们需要一个组件，就创建一个.vue的文件来封装这个组件（实现了对单独的组件的模块化封装） 这个组件里面有三个根元素template，
阅读全文
摘要：准备工作：webpack需要安装很多东西，为了节省时间，可以将之前做好的复制到新文件夹中。除了node_modules，因为它包含的文件特别多，复制粘贴到另一个项目文件夹下时间比较长，我们可以在终端重新安装。（终端命令：npm i) 由于我们是用vue写代码，所以我们需要安装vue包并导入。 安装v
阅读全文
摘要：babel是用来处理ES6语法代码的。 安装babel有两个步骤： ①安装6个包 ②配置.babelrc配置文件 ③在webpack.config.js中配置loader规则 babel现在的版本是babel 8.x,(小版本号变了对我们的开发几乎没有影响，大版本号变了，是一定会影响到开发的，所以在
阅读全文
摘要：首先要知道一个字体图标网站http://www.fontawesome.com.cn/ 上面有教程，我们可以找到自己需要的图标来用 例如：引入相机图标 我们要想用字体图标，首先需要下载这个包 在终端输入命令： npm i font-awesome -S（因为它不是一个工具，最后需要呈现在网页上，给用
阅读全文
摘要：两个步骤： ①先下载安装-D所需要的loader。 ②在webpack.config.js文件的modules节点下（如果没有就写一个），创建一个rules规则，这个规则是1个数据，然后在数组中添加，处理这种文件的匹配规则。 案例：比如说使用url-loader来处理图片路径 先写一个类名为box1
阅读全文
摘要：webpack本质上只能处理.js文件，也就是它是用来处理.js代码的，它不能直接处理外部样式 所以我们就需要间接去处理，就需要用到第三方的loader加载器（处理器） 处理.css文件需要一套加载器 style-loader，css-loader 安装步骤： 首先，Ctrl+c,终止批操作处理 然
阅读全文
摘要：在拷贝文件的时候，就把我们自己写的文件进行拷贝就可以了，node_modules是我们npm安装的东西，不需要拷贝，用到它的时候再次安装就可以了。 再次安装的命令：npm i （npm i 就会把package.json这个配置文件里面所有的依赖项，包括-D，-S安装的（这都是我们的依赖项），它都会
阅读全文
摘要：webpack-dev-server这个工具不仅能帮我们打包，还能帮我们起了服务器。还能帮我们自动打开浏览器，还能自动更新，可谓好处多多（嘿嘿） 具体功能：1.打包 2.开启一个服务器 3.实时的自动编译代码，只要我们对源代码做了保存（ctrl+s） 4.webpack-dev-server打包过后
阅读全文
摘要：通过npm下载第三方模块的命令 命令：npm i 包名 参数[ -g | -S | -D ] 三个参数的意思 -g : 当我们安装的模块，是要作为命令行工具来使用的时候，一般都是-g全局安装 -S : 当我们安装的模块，要打包到目标文件中时，我们用-S安装，-S安装叫做运行环境依赖 -D : 叫做开
阅读全文
摘要：在vue中，如果直接使用less语法写样式的话，行不通 解决办法： 1.ctrl+c，终止批处理操作 2.输入命令： npm i less-loader -D 这时会有一些警告 （注意：当使用npm安装模块的时候，如果只写包的名字，就表示安装最新的版本 npm i jquery -S 安装的就是最新
阅读全文
摘要：webpack是打包命令。如果我们不指定它的后继参数，其实也能实现打包。但是有一些小的限制。 webpack如果不指定输入和输出，那么默认的打包文件就是./src/index,默认的输出路径是./dist/index.js 第一种是通过build，有点长。另外一个是通过webpack配置文件，这两个
阅读全文
摘要：webpack提供了3种打包模式，分别是 ①无 //无模式 ②--mode development //开发环境模式 ③--mode production //生产环境模式 用无模式（不给参数）的话会有警告 如果给参数的话警告就会消失了 这样写的话打包比较麻烦，所以可以用一个简单的方法， 在pack
阅读全文
摘要：webpack是一个前端模块化开发的工具，简单地说就是用来打包源代码的。所谓源代码，不仅仅是js代码，还包括了css代码，图片等等。 引用东哥经典语录来解释为什么使用webpack打包，这样的好处： 我们开发所谓的web app其实就是一个SPA，单页面应用程序 在SPA中，必然会用到大量的第3方包
阅读全文
摘要：首先需要准备好vue.js包 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>demo01
阅读全文
浙公网安备 33010602011771号