随笔分类 -  vue2

v-charts
摘要:因为工作需要,使用v-chart也有一段时间了,期间针对配置图表也遇到了不少问题,在这里总结一下。 如何配置图表信息 echart的配置项可谓是相当的海量,能不看就不看。而v-chart对其进行了不少的简化,所以我们想要自定义一个图表时,最好按照以下步骤来检查: 图表私有属性 v-chart每一个图 阅读全文

posted @ 2019-04-26 17:24 世界,太精彩 阅读(1331) 评论(0) 推荐(0)

v-charts简介
摘要:一, v-charts简介 在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 V-Charts 图表组件,只需要统一提供一种对前后端都友好的数据格式设置简单的配置项,便可轻 阅读全文

posted @ 2019-04-22 15:01 世界,太精彩 阅读(35174) 评论(1) 推荐(2)

Vue 中如何引入第三方 JS 库
摘要:一绝对路径直接引入全局可用 二绝对路径直接引入配置后import 引入后再使用 三webpack中配置 aliasimport 引入后再使用 四webpack 中配置 plugins无需 import 全局可用 结论 一绝对路径直接引入全局可用 二绝对路径直接引入配置后import 引入后再使用 三 阅读全文

posted @ 2019-03-14 19:12 世界,太精彩 阅读(12662) 评论(0) 推荐(0)

vue常见前端UI库
摘要:vue常见前端UI库 VUE资源汇总:https://github.com/RuMengkai/awesome-vue VUX 项目主页:https://vux.li/#/ github地址:https://github.com/airyland/vux element UI(饿了么后台) Elem 阅读全文

posted @ 2018-05-03 10:21 世界,太精彩 阅读(2659) 评论(0) 推荐(0)

自定义指令
摘要:1.在components 目录下新建一个validate.js: 这就是我们的插件,定义了一个属性 2.入口文件jssrc/index.js 加入: 3.我们到user-username.vue 组件下验证一下: 浏览器访问登录页面,成功弹出: 4.刚刚我们已经学会插件里定义属性,马上来学一下如何 阅读全文

posted @ 2018-04-26 16:51 世界,太精彩 阅读(251) 评论(0) 推荐(0)

代码缩进修改
摘要:修改.editrc的indent为4 修改webstorm的code style indent 4 阅读全文

posted @ 2018-04-25 15:17 世界,太精彩 阅读(278) 评论(0) 推荐(0)

VUE2组件懒加载浅析
摘要:VUE2组件懒加载浅析 vue2组件懒加载浅析 一、 什么是懒加载 懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。 二、为什么需要懒加载 在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,延时过长,不利于用户体验,而运用懒加载则 阅读全文

posted @ 2018-03-26 18:45 世界,太精彩 阅读(4033) 评论(0) 推荐(0)

vue打包报内存溢出
摘要:vue-cli 构建的项目:package.json 文件里修改: 修改为: 阅读全文

posted @ 2018-03-19 10:45 世界,太精彩 阅读(1820) 评论(0) 推荐(0)

vue 去掉路由中的#
摘要:在router.js中修改, const router = new VueRouter({ mode: 'history', routes: [...] }) 阅读全文

posted @ 2018-01-27 15:35 世界,太精彩 阅读(507) 评论(0) 推荐(0)

vue editorConfig
摘要:在文件目录下, 阅读全文

posted @ 2018-01-25 16:23 世界,太精彩 阅读(1035) 评论(0) 推荐(0)

搭建环境2017.11.21
摘要:npm install vue-cli webpack -g 如果不行就先安装淘宝镜像 cnpm install vue-cli webpack -g vue init webpack 项目名 npm install 或 cnpm install npm run dev 安装Vue全家桶: 将下面的 阅读全文

posted @ 2017-11-21 09:32 世界,太精彩 阅读(233) 评论(1) 推荐(0)

vue 加载更多2
摘要:<template lang="html"> <div class="yo-scroll" :class="{'down':(state 0),'up':(state==1),refresh:(state 2),touch:touching}" @touchstart="touchStart($ev 阅读全文

posted @ 2017-11-08 19:26 世界,太精彩 阅读(529) 评论(0) 推荐(0)

vue 加载更多
摘要:<template> <div> <ul> <li v-for="item in articles"> <h2>{{item.title}}</h2> <img :src="item.images" alt=""> </li> </ul> </div> </template> <script> im 阅读全文

posted @ 2017-11-08 19:25 世界,太精彩 阅读(1136) 评论(0) 推荐(0)

vue form表单提交文件
该文被密码保护。

posted @ 2017-09-12 09:56 世界,太精彩 阅读(1) 评论(0) 推荐(0)

vue生命周期
摘要:根组件实例:8个 (beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed) 组件实例:8个 (beforeCreate、created、beforeMount、mounted、bef 阅读全文

posted @ 2017-09-01 10:14 世界,太精彩 阅读(149) 评论(0) 推荐(0)

dispatch emit broadcast
摘要:vue2.0 父传子:Props子传父:子:$emit(eventName) 父$on(eventName)父访问子:ref非父子组件通信 :https://vuefe.cn/guide/components.html#非父子组件通信 vue2.0 移除:1.$dispatch() 2.$broad 阅读全文

posted @ 2017-08-09 11:28 世界,太精彩 阅读(334) 评论(0) 推荐(0)

import和require
摘要:es6 的 import 语法跟 require 不同,而且 import 必须放在文件的最开始,且前面不允许有其他逻辑代码,这和其他所有编程语言风格一致。 import不同与require,它是编译时的(require是运行时的),它必须放在文件开头,而且使用格式也是确定的。它不会将整个模块运行后 阅读全文

posted @ 2017-07-28 14:37 世界,太精彩 阅读(533) 评论(0) 推荐(0)

搭建Vue2+Vuex+Webpack+Pug(jade)+Stylus环境
摘要:一、开发环境配置 开始之前,假设你已经安装了最新版本的 node 和 npm。 全局安装 vue-cli 和 webpack : 创建工程;工程名字不能用中文,英文也建议小写。 按照步骤一步一步执行,需要你添加 Project name,Project description,Author. 然后使 阅读全文

posted @ 2017-07-28 11:37 世界,太精彩

vue父子组件通信
摘要:一、父子组件间通信 vue.js 2.0提供了一个ref 的属性: 可以为子组件指定一个索引id 父组件: 阅读全文

posted @ 2017-05-19 14:31 世界,太精彩 阅读(398) 评论(0) 推荐(0)

vue中引入jade(pug),stylus,element-ui
该文被密码保护。

posted @ 2017-05-12 19:40 世界,太精彩 阅读(10) 评论(0) 推荐(0)