vue
one-皮卡丘
我要为国家做贡献!
展开
-
js兼容性处理babel polyfill 和按需加载core-js
polyfill:babel的一个分支,babel转换的是低级的(const,转换es6新语法的高级语法(如promise),但是会全部转换,代价大。core-js 解决polyfill的缺点,但是他需要polyfill。性能优化的一种手段配置如下:{ test: /\.js|jsx$/, exclude: /node_modules/ , use: {loader:"babel-loader", options: { pres原创 2020-09-24 15:11:31 · 2282 阅读 · 0 评论 -
vue输入框实现自动补全小功能
简单方式// 输入搜索补全框 <el-select filterable v-model="form[item.name]" :filter-method="dataFilter" placeholder="" > <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" /> </el-select>原创 2020-09-22 16:20:03 · 1461 阅读 · 0 评论 -
合并数组三种方式
let var const 的区别?一 直接赋值1 let totalNums=[]2 const num1= [1,2,3]3 totalNums= num1=[1,2,3]4但是这种方法有局限性,只是简单地变量引用。二 for 循环遍历逐个添加数据1 const1 num1 = [1,2,3]2 for(let n of num1){ totalNums.push(n)...原创 2019-11-22 08:26:18 · 228 阅读 · 0 评论 -
创建项目规范
1 划分目录结构主要在src2 引用两个css文件3 vue.config.js和editconfig4 项目 模块划分:tabber->路由映射原创 2019-11-21 20:18:07 · 133 阅读 · 0 评论 -
箭头函数实例
// 箭头函数是定义函数的一种方式 // 1 定义函数的方式 :function const aaa = function(){ } // 2 对象自变量中定义函数 const obj = { bbb:function(){}, //或者 ccc(){} } // 3 ...原创 2019-11-15 21:08:34 · 351 阅读 · 0 评论 -
箭头函数=>
1 箭头函数函数中的this引用的就是最近作用域中的this。2 箭头函数中的this是如何查找的呢?它是一层一层的向外层作用域查找,直到有this的定义。3 function函数在调用的时候是通过call函数会传过来一个window(作为第一个参数)。4 a函数在obj对象里定义,那么函数用的this就是指的obj对象,a函数里面定义的b函数中的this向外查找到的作用域是a,而a中th...原创 2019-11-15 21:05:19 · 215 阅读 · 0 评论 -
runtime compiler和runtime only
1 runtime compiler:template —经过parse渲染—>ast(abstract syntax tree 抽象语法树)—经过编译—>render函数—>翻译成virtual dom 虚拟dom树—>(真实dom)渲染UI界面。如果你需要在客户端编译模板 (比如传入一个字符串给 template 选项,或挂载到一个元素上并以其 DOM 内部的 HT...原创 2019-11-15 16:26:41 · 223 阅读 · 0 评论 -
vue cli 脚手架
一 cli—command line interface–命令行界面–脚手架–快速搭建vue的开发环境和对应webpack的配置二 1 全局安装:npm install -g @vue/cli (默认最新的 ,3.+),若要使用脚手架2 则安装npm install -g @vue/cli -initnpm —node package manager2 若全局安装脚手架失败,...原创 2019-11-15 15:13:25 · 157 阅读 · 0 评论 -
Error: Child compilation failed: Entry module not found: Error: Can‘t resolve ‘E:\vue\node_webpack
plugin是对某个现有的架构进行扩展。插件。loader是主要用于模块的转换,加载。Error: Child compilation failed: Entry module not found: Error: Can’t resolve 'E:\vue\node_webpack。是在index打包的时候htmlwebpackplugin 的是生成的模板路径格式错误。...原创 2019-11-15 10:24:43 · 4338 阅读 · 8 评论 -
本地安装和全局安装webpack
本地安装:npm install webpack@3.6.0 --save-dev1 --save-dev是开发时依赖,项目打包后不再继续使用。2 只要是在终端里敲命令都是执行的全局的webpack。3 在package里配置命令映射则优先执行的是本地的webpack。除非写路径...原创 2019-11-14 11:46:28 · 844 阅读 · 0 评论 -
vscode和nrm快捷键
mint-ui是基于vuejs开发的移动端组件。bootstrap是代码片段。--save 开发时依赖-dev 运行时依赖alt+shift +上下键 —快速复制当前行到下一行vscode如何多列选中插入数?alt+鼠标点选alt+shift+鼠标拖动...原创 2019-11-20 15:14:36 · 392 阅读 · 0 评论 -
安装vue-cli3和cli2及创建项目出错问题总结
一1 执行命令npm install @vue/cli,安装的是最新版本4,并不是cli3.2 执行vue install @vue/cil-init拉取cli2,这个init就是指定2版本号的意思。3 但是我并没有安装成功,后来我使用cnpm进行下载不仅速度快了而且居然成功了。4 但是我执行vue --version 来查看版本号的时候发现它说不是内部命令。后来配置了一下环境变量完美解决...原创 2019-11-16 15:19:23 · 484 阅读 · 0 评论