vue
骚φ(゜▽゜*)♪白
这个作者很懒,什么都没留下…
展开
-
7个有用的vue开发技巧
1 状态共享随着组件的细化,就会遇到多组件状态共享的情况, vuex当然可以解决这类问题,不过就像 vuex官方文档所说的,如果应用不够大,为避免代码繁琐冗余,最好不要使用它,今天我们介绍的是 vue.js 2.6 新增加的 Observable API ,通过使用这个 api 我们可以应对一些简单的跨组件数据状态共享的情况。如下这个例子,我们将在组件外创建一个 store,然后在 App....翻译 2019-06-06 16:21:34 · 330 阅读 · 0 评论 -
vue中使用的工具类
vue中使用的工具类/*const url="http://yidongyihu.com";*/export function _debounce(fn, delay) { //防抖函数 var delay = delay || 200 var timer// timer 只定义过一次 vue的methods中绑定的是 return 出来的function return fu...原创 2019-05-23 14:32:36 · 1712 阅读 · 0 评论 -
vue 中使用LodopFuncs打印插件
vue 中使用LodopFuncs打印插件创建一个LodopFuncs.jsvar CreatedOKLodop7766 = null, CLodopIsLocal;//====判断是否需要 Web打印服务CLodop:===//===(不支持插件的浏览器版本需要用它)===function needCLodop() { try { var ua = navigator.u...原创 2019-05-23 14:28:21 · 2830 阅读 · 0 评论 -
vue 常用过滤器
vue 常用过滤器import Vue from 'vue'Vue.filter('Sub_IPNT_TYPE',function(val) { switch (val) { case 1: return '数字' break case 2: return '文本' break cas...原创 2019-05-23 11:23:16 · 739 阅读 · 0 评论 -
Vue.set的使用
这里我定义了一个列表数据,我将通过三个不同的按钮来控制列表数据。首先在列表中动态新增一条数据:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head&am转载 2018-09-28 16:07:37 · 1322 阅读 · 0 评论 -
vue中$refs、$emit、$on的使用场景
1、$emit的使用场景子组件调用父组件的方法并传递数据注意:子组件标签中的时间也不区分大小写要用“-”隔开子组件:<template> <button @click="emitEvent">点击我</button></template><script> export default { data() { ...原创 2018-09-28 15:39:11 · 25464 阅读 · 6 评论 -
动态组件
vue实现动态组件的两种方法一种是使用v-if条件渲染:当seen=0的时候,使用按钮组件,否则使用箭头组件子组件:&lt;template&gt; &lt;div class="qui-list"&gt; &lt;span class="list-tips"&gt;{{tipsText}}&lt;/原创 2018-09-27 11:15:40 · 971 阅读 · 0 评论 -
【Vue】详解Vue组件系统
【Vue】详解Vue组件系统 目录Vue渲染的两大基础方式new 一个Vue的实例注册组件并使用注册组件全局注册局部注册通过new创建Vue实例, 全局注册组件,局部注册组件三者的使用频率(场景)Vue中的props数据流props取值的方式props内写...翻译 2018-09-13 10:48:09 · 412 阅读 · 0 评论 -
在vue中使用vue-echarts-v3
特征轻量,高效,按需绑定事件 支持按需导入ECharts.js图表和组件 支持组件调整大小事件自动更新视图一、安装npm install --save echarts vue-echarts-v3二、用法用 vue-cli 搭建的项目,打开 build 文件夹中的 webpack.base.conf.js 文件1、webpack 1...翻译 2018-09-13 10:28:21 · 1836 阅读 · 2 评论