vue2.0代码功能片段

Lonelyexistence,lonelyburning Lonelyexistence,lonelyburning     2022-08-30     589

关键词:

1、代码片段截取

checkAll: function(flag){
          this.checkAllFlag = flag;
          this.productList.forEach(function(value,index){
             value.checked = flag;
              })
            this.calcTotalPrice();
    },
2、es6语法,解构赋值
const {shell} = require(‘electron’);大括号什么意思

   3、本地存取;

   /**
         * 向localStorage中设置数据
         * @param key   字符串
         * @param value 数组
         */
        function SetDataIntoLocalStorage(key, value) {
            localStorage.setItem(key, JSON.stringify(value));
        };

        /**
         * 从localStorage中获取数据
         * @param key   字符串
         */
        function GetDataFromLocalStorage(key) {
            return JSON.parse(localStorage.getItem(key));
        }

        $timeout(function(){
            //ipcRenderer.send(‘settingsWindowInitFinished‘);
        });
    }]);

 4、比较函数

sort(function(a,b){
return a -b ;
})

 5、Electron clipboard 模块

Electron clipboard 模块

clipboard 模块提供方法来供复制和粘贴操作 . 下面例子展示了如何将一个字符串写道 clipboard 上:

const clipboard = require(‘electron‘).clipboard;
clipboard.writeText(‘Example String‘);

在 X Window 系统上, 有一个可选的 clipboard. 你可以为每个方法使用 selection 来控制它:

clipboard.writeText(‘Example String‘, ‘selection‘);
console.log(clipboard.readText(‘selection‘));

 

 

 

vue2.0学习—组件(五十一)(代码片段)

...(五十一)组件的定义:实现应用中局部功能代码和资源的集合模块化:当应用中的js都以模块来编写的,那么这个应用就是一个模块化的应用组件化:当应用中的功能都是多组件的方式来编写的,那... 查看详情

vue2.0学习—自定义指令(四十九)(代码片段)

【Vue2.0学习】—自定义指令(四十九)需求:需求1:定义一个v-big指令,和v-text功能相似,但会把绑定的数值放大10倍需求2:定义一个v-fbind指令,和v-bind功能相似,但可以让其绑定的input元素默认获取焦... 查看详情

vue2.0无限滚动加载数据插件(代码片段)

 做vue项目用到下拉滚动加载数据功能,由于选的UI库(element)没有这个组件,就用Vue-infinite-loading这个插件代替,使用中遇到的一些问题及使用方法,总结作记录!安装:npminstallvue-infinite-loading–save引入ES6importInfiniteLoadin... 查看详情

vue2.0项目中使用ueditor富文本编辑器应用中出现的问题(代码片段)

1、如何设置config中的内容readonly:true,//只读模式wordCount:false,//是否开启字数统计enableAutoSave:false,//自动保存功能重点:enableAutoSave不一定生效,怎么办?ueditor.config.js文件中设置enableAutoSave参数为false就可以关闭本地保存功能。 ... 查看详情

vue2.0以上版本安装sass(scss)(代码片段)

一、首先说明sass和scss的区别。1、异同:1)简言之可以理解scss是sass的一个升级版本,完全兼容sass之前的功能,又有了些新增能力。语法形式上有些许不同,最主要的就是sass是靠缩进表示嵌套关系,scss是花括号     2)... 查看详情

vue2.0笔记——vue-router路由(代码片段)

简介使用Vue.js开发SPA(SinglePageApplication)单页面应用。vue-router可以通过html5的historyAPI或者hash实现单页应用,即不刷新跳转,切换地址,只是页面上的组件的切换;vue-router可以实现页面间传参等其他功能;基本用法当你要把vue-ro... 查看详情

vue2.0动画(代码片段)

 相对于vue1.0来说,vue2.0的动画变化还是挺大的,  在1.0中,直接在元素中加 transition,后面跟上名字。 而在vue2.0中,需要把设置动画的元素、路由放在<transitionname="fade"></transition>中,name就是动画名称。&nbs... 查看详情

vue2.0添加sass(代码片段)

 遇到错误:SyntaxError:Error:NodeSassversion7.0.0isincompatiblewith^4.0.0.yarnremovenode-sassyarnaddsassyarnaddsass-loader@7.3.1不要直接安装sass-loader版本太高会报错。 查看详情

vue2.0—表单事件数据绑定(代码片段)

【Vue2.0】—表单事件数据绑定(六)<body><divid="root"><formaction=""@submit.prevent="demo"><labelfor="TW">姓名:</lab 查看详情

vue2.0学习—列表过滤(四十)(代码片段)

【Vue2.0学习】—列表过滤(四十)数据监视实现:<divid="root"><h2>人员列表</h2><inputtype="text"placeholder="请输入名字"v-model="keyWord"> 查看详情

vue2.0学习—生命周期(五十)(代码片段)

【Vue2.0学习】—生命周期(五十)Vue生命周期原理图<divid="root"><h2:style="opacity">欢迎来到王者世界</h2><button@click="stop">点我停止</button></d 查看详情

vue2.0—过滤器(代码片段)

【Vue2.0】—过滤器(七)<body><divid="root"><h2>显示格式化后的时间</h2><!--计算属性实现--><h2>现在是fmtTime</h2><!--methods实现--><h2>现在是getFmt 查看详情

vue2.0学习—键盘事件(三十三)(代码片段)

【Vue2.0学习】—键盘事件(三十三)<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content=&# 查看详情

vue2.0学习—列表排序(四十一)(代码片段)

【Vue2.0学习】—列表排序(四十一)<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content=&# 查看详情

vue2.0中配置文件路径(代码片段)

在build/webpack.base.conf.js中添加一些代码即可module.exports=resolve:extensions:[‘.js‘,‘.vue‘,‘.json‘],alias:‘vue$‘:‘vue/dist/vue.esm.js‘,‘@‘:resolve(‘src‘),‘components‘:path.resolve(__dirname,‘../src/compon 查看详情

vue2.0学习—object.defineproperty(三十)(代码片段)

【Vue2.0学习】—Object.defineProperty(三十)<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible 查看详情

关于vue2.0那些事_1(代码片段)

Vue2.0针对Vue1.0做出了部分改进,在官网上对于项目的迁移也做了较大的支持。Vue2.0文档:https://vuefe.cn/guide/Vue1.x的迁移方法等:https://vuefe.cn/guide/migration.html在迁移的方法中介绍了对于1.0版本的改进。可以详细的阅读。... 查看详情

vue2.0学习-内部指令(代码片段)

vue2.0学习(一)-内部指令GitHub源码https://github.com/sunnyguyan/VueDemo1.v-ifv-elsev-showv-if:是vue的一个内部指令,指令用在我们的html中v-if用来判断是否加载html的DOM,比如我们模拟一个用户登录状态,在用户登录后现实用户名称<divv-if=‘isLog... 查看详情