alreadyRAY的博客

electron-vue项目搭建注意事项

What happen:got error message:> [Vue warn]: Duplicate keys detected: XXXXXXXXXXX. This may cause an update errorWhy：是因为同样的key用在了不同的for循环中How to do:更改报错处for循环的key值

尝试了两种导出方式，对应两种引用方式。1. 导出方式一：被引用脚本路径：my-app > src > renderer > module > checkObject.js， 代码如下'use strict'let CheckObject = function () {}CheckObject.prototype = { checkName: function (name) { console.log(name); return thi

变量：父组件：<template> <div> <div>子组件：</div> <son :sendVariable='newVariable'></son> </div></template><script>import son from '@components/Son'export default { data() { return { newVariabl

把需要请求的json文件放到public文件夹中文件路径：public/jsondata/demo.json请求地址绝对路径请求this.$http.get('/jsondata/demo.json')本地请求时地址里不要写上/public...

DOCUMENT：https://www.chartjs.org/docs/latest/charts/line.htmlDEMO：http://demo.vue-chartjs.org/API：https://vue-chartjs.org/zh-cn/demo code://chart.vue<script>import { Line, mixins } from...

require.context是一个webpack的api，执行这个函数获取一个特定的上下文，主要用来实现自动化导入模块，在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块（------ 简书 - 心_c2a2 - “使用require.context实现前端工程自动化”）语法：req...

组件化开发概念：将一个完整的页面抽离成一个个独立的组件，最终通过一个个独立组件完成整个页面的功能优势：复用组件是可复用的Vue实例组件的基本使用组件的注册全局注册：在所有的vue实例中都可以使用局部注册：在所有当前实例中可以使用注册全局组件/***第一个参数：组件名*第二个参数：是一个配置对象，该配置对象与Vue实例的配置对象几乎完全相同，*也就是说：vue实例中用...

过滤器概念vue中的过滤器（filter）：数据格式化让数据按照规定的一种格式进行输出例如：将日期格式转化为年-月-日 小时：分：秒的过程全局过滤器 和 局部过滤器通过全局方式创建的过滤器在任何一个Vue实例中都可以使用（一般情况下，为了项目方便管理，都是一个vue实例）注意：使用全局过滤器的时候，应该先创建全局过滤器再创建Vue实例局部创建的过滤器 只能在当前vue实例中使...

作用：一个专门用来发送ajax请求的库，可以在浏览器或者node.js中使用Promise based HTTP client for the browser and node.js以Promise为基础的HTTP客户端，适用于：浏览器和node.js封装ajax，用来发送请求，异步获取数据使用步骤1.本地安装axios： `npm i -g axios`2.导入axios3.使用...

vue生命周期函数所有的vue组件都是vue实例，一个组件对应一个实例，并且接收相同的选项对象，一些根实例特有的选项除外实例生命周期也叫做：组件生命周期定义：从组件被创建到组件挂载到页面上运行再到页面关闭组件被销毁期间的所有事件统称为组件的生命周期函数（简称：钩子函数）开发人员可以通过vue提供的钩子函数，让我们写的代码参与到vue的生命周期里面来，让我们的代码在合适的阶段起到相应的作用...

计算属性写在computed中1. 写起来像一个方法，用起来像一个属性（本质就是一个属性）2. 注意点： - 只要跟计算属性相关的数据发生了改变，计算属性就会重新计算， 不相关的值发生变化，不会重新计算计算属性 - 一定要有返回值3. 什么时候使用计算属性 -根据已知data中的值，生成一个额外的新值，且新值还要跟着data中的值变化而变化4. computed里面的计算属性...

指令指令是一些特殊的标记，给HTML添加一些原来没有的功能指令一：v-model实现数据的双向绑定把data中的值 和 表单元素中的value 绑定到一起，一方发生改变另一方也会跟着变化v-model一般用在表单元素上（input、checkbox…）例：<div id='app'> <input type='text' v-model='num'> ...

VUE 基础框架和库的区别库(Library)，代表：jQuery库是一系列函数的集合，在使用库的基础上，想要完成什么样的功能就调用库中提供的某个方法库起到了一个辅助的作用，在使用库的时候，开发人员起主导作用框架(Framework)，代表：Vue框架是一套完整的解决方案，框架中制定了一套规则，使用框架的时候，只需要按照规则把代码放到合适的地方，框架会在合适的时机主动调用开发人员...