随笔分类 - VUE
vue学习笔记
摘要:slot, 插槽, 在使用组件的时候, 在组建内部插入东西. 组件封装的时候最常使用到
阅读全文
摘要:打包时,为了直观地发现项目中存在的问题,可以在打包时生成报告。生成报告的方式有两种: ① 通过命令行参数的形式生成报告 // 通过 vue-cli 的命令选项可以生成打包报告 // --report 选项可以生成 report.html 以帮助分析包内容 vue-cli-service build
阅读全文
摘要:当vue-cli在ui界面任务下进行build生成生产环境代码时,如果碰到有console类型的语句,是会报错的。 这个时候我们就要用到babel-plugin-transform-remove-console,插件 实现在开发环境可以用console在生产环境去掉 安装方法如下 安装完毕后,在项目
阅读全文
摘要:安装方法: NPM npm install --save nprogress Yarn yarn add nprogress一般页面使用方法: 直接引入js、css或者通过cdn引入。 <script src='nprogress.js'></script> <link rel='styleshee
阅读全文
摘要:Element-UI:一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。 官网地址为: http://element-cn.eleme.io/#/zh-CN 1. 基于命令行方式手动安装 ① 安装依赖包 npm i element-ui –S ② 导入 Element-UI
阅读全文
摘要:首先,要在vue ui 依赖中添加 再点开 ‘查看详情’去看使用方法 跳转到git网站 https://github.com/surmon-china/vue-quill-editor#readme 以下为使用说明 import Vue from 'vue' import VueQuillEdito
阅读全文
摘要://写在入口文件中 main.js Vue.filter('dateFormat', function(originVal) { const dt = new Date(originVal); //年 const y = dt.getFullYear(); //月 const m = (dt.get
阅读全文
摘要:因为DOM至少会在当前tick里面的代码全部执行完毕再更新。 所以不可能做到在修改数据后并且DOM更新后再执行, 要保证在DOM更新以后再执行某一块代码,就必须把这块代码放到下一次事件循环里面, 比如setTimeout(fn, 0),这样DOM更新后,就会立即执行这块代码
阅读全文
摘要:在global.css 添加如下代码 .el-cascader-menu { height: 300px; }
阅读全文
摘要:<div id="app"> <div>{{msg}}</div></div><script type="text/javascript" src="js/vue.js"></script><script type="text/javascript"> new Vue({ el: '#app', d
阅读全文

浙公网安备 33010602011771号