向着太阳迎着光

组件中的data为什么是函数，而不是对象呢？我们带着问题去思考？如果组件中的data写成一个对象，这些实例使用的是同一个构造函数，但是由于JavaScript特性所导致，所有的组件实例对象当中，共用的是同一个data，就会形成当一个数据变更的时候，会导致所有的都跟着变。

在什么阶段才能访问并操作DOM呢？遇到这个问题我们首先想到的是钩子函数，只有能清楚的了解钩子函数的执行顺序，才能够把握访问的节点。

Axios 是一个基于 promise 的网络请求库，可以用于浏览器和 node.js。简单的讲就是可以发送get、post请求。说到get、post，大家应该第一时间想到的就是Jquery吧，毕竟前几年Jquery比较火的时候，大家都在用他。但是由于Vue、React等框架的出现，Jquery也不是那么吃香了。也正是Vue、React等框架的出现，促使了Axios轻量级库的出现，因为Vue等，不需要操作Dom，所以不需要引入Jquery.js了。

Vue的核心思想是尽可能的降低前端开发的门槛，是一个灵活易用的渐进式双向绑定的MVVM框架。React的核心思想是声明式渲染和组件化、单向数据流，React既不属于MVC也不属于MVVM架构。

目录前言1. 代码分析前言在实际项目中，有时需要选择起始日期，并设置选择范围，本文中使用的是vue并选择是使用element-ui中的el-date-picker选择器；效果如下图所示：1. 代码分析在布局中使用的代码如下： <el-form-item label="选择日期"> <el-date-picker v-model="teamDepartureDate" type="daterange"

输入框一般都会使用校验规则，此处也是使用了校验规则，只能输入自然数及保留两位小数点，但是当校验规则起作用的时候；项目中对表格的高度没有特定限制，此处添加了以上两行代码属性，提前包住要提示的文字高度，这样就不会出现横线的问题；首次遇到，在此处纪录下，其中的一个解决方法，期待有大佬留言，还能有其他的方法；的初学者，昨天在项目中遇到的了一个问题，就是。最右侧出现了一个横线；

在表格中添加一个输入框，是很多想目中常用到的场景，本次是我在做项目时，需要回显数据，再次输入的数据要与原数据进行大小限制。这个时候我们应该如何做呢？

最近刚接受新的前端项目，好多新的东西都不太会用，在项目中遇到了，再此处就做一个笔记纪录。

编写项目的时候，要对代码进行抽离，封装成一个单独的组件，这个时候数据的传输，方法的调用就成了一个很大的问题，那么我们来实现如何在父组件中调用子组件。第1种方法：provide/inject在某些场景下，我们的组件嵌套层级会非常深，这个时候如果使用 props 的方式传递祖先组件的方法或属性，并不是一个明智的选择，我们应该使用 provide/inject 来跨层级访问祖先组件的数据父组件// Parent.vue<template> <div class="container

只能输入自然数，包括0及两位小数的校验，正则表达式及使用方式如下。

正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。本文就是为了纪录在项目中用到的正则表达式，方便后期使用查阅。正则表达式：校验只能输入0-100（包括两位小数及0和100）代码如下： // 只能输入0-100（包括两位小数及0和100） const validateNumber = (str) => { return new RegExp('(^(\\

本文为工作中经常使用到的el-select下拉选框的使用，请根据自己的情况适当修改，即可使用。

在编写时难免会造成报错影响项目的开发的运行，快速的定位到问题并解决能大大提升我们的开发效率，同学们可以讨论一下前端代码调试的方法有哪些？解析：分析报错信息：根据控制台的报错信息定位到代码进行代码分析console 大法：打印出报错前后的内容对比大法：如果有相同页面，可以和其他页面进行对比看看是否缺少插件 / 模块注释代码大法：如果不知道报错位置，可以分批注释代码，定位到报错位置的代码进行分析............

工作学习笔记，是我本人在工作中用到的内容，只是为了自己学习使用，如果对你没有帮助，不喜勿喷！