04 2021 档案
摘要：hooks：钩子函数；在某个时间点运行的函数。 实例被创建：在new Vue或者<comp />情况下 beforeCreate: 不能获取this.xx; 还没有注入， 注入：data，props，methods, computed...提取到组件实例上， created：在生成虚拟dom前， c
阅读全文
摘要：前后端分离的开发方式，造成了前端必须提前自己造假数据，并且来使用代理请求 配置vue-cli的服务器代理 开发阶段，需要在localhost：8080的devserver，到某个服务器来获取数据，比如，我自己用express写的localhost：3000;鉴于浏览器的同源策略阻拦，必须配置代理 在
阅读全文
摘要：使用css module 在vue-cli项目中，将文件命名为xx.module.yy; xx为文件名，yy为后缀名；可以是css，less； 这样，在js文件中就能直接 //message.module.less@import url('./var.less'); .message{ .cente
阅读全文
摘要：插槽 插槽的基本作用和props一样，都是组件间传递数据的。 只是插槽更加灵活，props只能针对某些特定的数据类型传值。而插槽可以接受任何数据。具体内容由父组件决定。 用法 子组件用<slot>占位。父组件将具体内容写在引入的插槽组件中间，中间内容会自动添加到子组件中 具名插槽 有名字的插槽；如果
阅读全文
摘要：样式穿透 形成的原因：父组件的样式用了scoped，而想用对子组件内部的样式进行调节，可以用/deep/； 注意，是子组件内部，子组件最外层除外。 父组件对子组件的样式控制： 父组件的样式就算用了scoped，也可以对引入的子组件的最外层元素样式进行控制。 子组件最外层通常用xx-container
阅读全文
摘要：组件测试： 如果很少组件，可以直接在App.vue上查看效果，但如果组件比较多，并且需要记录组件的测试效果，可以单独启用跑单个vue组件的命令测试 参考文档：https://cli.vuejs.org/zh/guide/prototyping.html 目录结构 1.文档：至少表明作用，props的
阅读全文
摘要：分为在线应用和下载到本地应用两种； 在线应用更好用； 用法 阿里图库登录成功后，将所需图标添加到购物车，然后点击购物车，添加到项目 点击生成在线图标 将链接加上‘http:',用link标签引入到html；如果用@import 语法，可以不用补，会自动加
阅读全文
摘要：vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft .com/fwlink/?LinkID=135170 中的 about_Execution_Po
阅读全文
摘要：vue-cli介绍 vue-cli使用webpack，内置webpack-devserver,并对一下配置可选： build命令 scoped的作用 在vue的style标签上加上scoped后，会在该vue组件的每个标签上添加随机的属性，并且css用属性选择器。 样式穿透：待续 预编译 vue代码
阅读全文
摘要：为什么用vue组件： 拆分业务逻辑，降低业务复杂度 组件复用 vue组件与vue实例区别： 没有配置对象的el元素：因为组件可以复用，与vue实例相比，没有固定的挂载位置， data是一个函数：防止复用的组件们之间变量相互污染 组件注册 全局注册：Vue.component('组件名', 组件) 局
阅读全文
摘要：模板中的api：指令和内容 内容 元素内容{{ 大胡子语法中写js表达式}} 指令： 属性绑定 事件绑定 循环
阅读全文
摘要：前端框架的由来： 服务端渲染：后端人员通过字符串不断拼接，组装成页面，即前端提供静态页面给后端，后端按照这个静态页面添加数据，在后端组装成页面。 缺点：后端开发压力大； 前后端分离：服务器给浏览器一个空白的html静态文件，里面大量引用了js文件，然后通过js文件的ajax，去服务器请求各种业务数据
阅读全文
摘要：作用：1.模拟生产后台数据，2.拦截Ajax请求 如果会后端，比如express，也可以自己写后端。不过这个mock，有许多生产数据的方法，值得学一下。毕竟单纯的自己写后端会费事的多。 // 安装 npm install mockjs // 使用 var Mock = require('mockjs
阅读全文
摘要：本人在vscode图标右键重新设置目标启动命令，各种报错，要么是路径不对，要么是原来的扩展插件出现错误。 后来用以下方式成功： 插件默认位置：C:\Users\你的用户名\.vscode\extensions 第一步：找到插件位置，将extensions整个文件夹剪切到你想要的那个路径｛例如D：\｝
阅读全文
摘要：eslint通常是跟编辑器一块用，边写边检测边修改，而不需要在webpack打包中才去用eslint检测； 步骤：1.vscode中下载eslint插件，目的是不需要用命令，平时边写边检测边修改，而不需要用命令检测； 2. 全局或局部安装eslint：npm i eslint [-g] 3.创建es
阅读全文
摘要：今天，有个同学问我一个问题： add(1) //1 add(1)(2) //3 add(1)(2)(3) //返回6 .... 我想了半天，实在想不出来，在我看来， 这是矛盾的， 因为通过add(1)(2)返回3，要求add(1)的返回值是一个函数，才能接收参数2，但是add(1)却是1，不管是字符
阅读全文
浙公网安备 33010602011771号