vue
文章平均质量分 67
syl~
这个作者很懒,什么都没留下…
展开
-
js中的直接赋值和引用赋值
数据类型原创 2022-11-07 16:55:19 · 930 阅读 · 0 评论 -
前端-不确定要显示的数据label、数量时处理并渲染数据
1.需求: 实现一个timeLIne, timeLine的内容是每个样本进行了什么操作(例如: 保存,提交,接收,拒收等), 关键点: 每种处理下要显示的内容不一样。比如:接收时: 要显示操作人、操作时间、接收原因、状态;然而提交时需要显示:操作时间、操作人、状态;2.分析: (前提是后台没有处理数据,可能才会用上)作为前端之前渲染都是item.name、item.time等但显然这次不能这么渲染,因为我们并不知道要渲染的label都有什么,每个节点的label还不一样;所以我们需要先整理一下后台给的数原创 2021-12-05 18:33:36 · 331 阅读 · 0 评论 -
Vuex的使用
Vuex的作用:一般情况下,组件之间的传值用props、$emit就可以完成,但如果层级比较复杂、项目比较大的情况下会选择使用Vuex,让所有的组件统一在一个地方(Vuex)或许所需要的数据;store:1.Vuex 的核心就是store(仓库), “store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)/数据。2.Vuex和单纯的全局对象的不同点:Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应原创 2021-06-16 11:02:38 · 94 阅读 · 0 评论 -
package.json文件的作用
一、背景由于文件及文件夹过多过碎,拷贝给别人时传输速度较慢,此时就需要把项目打包好之后再发给别人一般情况下,打包命令为:npm run build但有时候公司的项目可能不存在build命令,这时就要查看package.json文件,查找当前项目的打包命令;二、package.json的作用package.json是一个项目描述文件, 里面记录了当前项目的信息。eg: 项目名称、版本、作者、gitHub地址、当前项目依赖哪些第三方模块等。 使用npm安装第三方模块,是模块的相关信息会自动添加到pac原创 2021-04-28 09:49:00 · 5618 阅读 · 0 评论 -
前端调取接口时--params与data的区别
params与data的区别相当于是get与post的区别export function getStructuredInfo(params) { return request({ url: api + '/experimentReport/getStructuredReportInfo', method: 'GET', params })}export function saveReportComment(data) { return request({原创 2021-04-26 14:19:18 · 594 阅读 · 0 评论 -
npm配置vue项目
npm配置vue项目每从远程上拉取一个vue项目就要进行一次npm配置npm install npm初始化-批量安装包npm install -g cnpm --registry=https://registry.npm.taobao.org 配置淘宝镜像cnpm install express 这之后也可以使用cnpm命令代替npm命令npm install vue-cli -g 全局安装vue-cli包vue -V 检测是否上步命原创 2021-04-14 16:27:12 · 451 阅读 · 0 评论 -
Vue中options的作用
Vue中options的作用options是什么options顾名思义就是“选项”的意思, 或称为构造选项. 是在创建Vue实例时传入的参数, 是一个对象.const vm = new Vue(options)无论是jquery.js 还是 Vue.js, 都是在 js 的基础上再次封装对应的操作。如: 通过$(‘div’)获得一个jQuery的div元素实例, 也称为jQuery对象, jQuery对象包含了对选项中的div元素的各种操作API,因此jQuery实例封装的是对选项中元素的各种操原创 2020-12-09 14:53:18 · 4844 阅读 · 0 评论 -
Vue的生命周期
Vue的生命周期/钩子函数什么是生命周期Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载DOM、渲染---->更新---->渲染、卸载等一系列过程,称为Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。所有的生命周期钩子函数自动绑定’this’到实例中, 因此可以根据this访问数据,对属性和方法进行运算,也就是说Vue的整个生命周期中提供的一系列事件中的this指向的就是Vue实例。同时意味着不能使用箭头函数来定义一个声明周期方法原创 2020-11-17 20:01:50 · 290 阅读 · 0 评论 -
Vue中组件的通信方式
Vue中的通信方法组件间的通信父传子(属性传递)父组件向子组件传递数据时, 通过属性传递数据:1. 父组件中: 用属性绑定, 进行数据传递. ==注意: == son 指:子组件的名称,例如:一般在父组件中引用子组件时会这样用;2. 子组件中: 用 props 接收数据; 例如: props: { search-text }3. 代码示例:父组件中代码:...原创 2020-11-07 20:59:37 · 182 阅读 · 0 评论 -
异步函数详情
简单来说就是: 当你向服务器请求数据, 等待服务器返回数据需要30s, 这时有两种情况: 1. 等待服务器返回数据,这期间不执行后续代码,等服务器返回数据后在执行后面的代码; 2. 充分利用这等待的30s,t跳过这一步去执行其他的代码,等服务器返回数据了,在回来执行返回数据后的代码; 这第一种情况称为"同步", 而第二种情况就是"异步";原创 2020-11-07 20:53:58 · 428 阅读 · 0 评论 -
vue中try...catch的使用
vue中try…catch的使用 try-catch主要用于进行异常处理;1.防止因为错误而造成系统崩溃在程序逻辑中, 需要在易出现问题的逻辑代码片段上, 加持try-catch方法, 这样做可以抛出错误, 但是不会影响整个程序运转;try { // 你的逻辑代码} catch (e) { // 错误处理代码片段}...原创 2020-10-26 19:13:35 · 31967 阅读 · 0 评论