前端开发

[前端开发]在vue-cli使用scss

安装:npm install sass-loader sass webpack --save-dev报错,版本问题卸载重新安装npm i sass-loader@7.1.0 -Dnpm install node-sass@4.14.1 -D//使用npm和yarn都报错(可能下载速度太慢超时) 用cnpm可以cnpm 安装:np...
发布时间:2023-10-11  

[前端开发]vue节流实现

vue节流实现创建点击事件el-button @click=debouncedebounce/el-button如果按照传统js写法:debounce(){var flag = 1 if(flag === 1){flag = 0console.log(flag = + flag)}}此时由于每次的点击时,都会调...
发布时间:2023-10-11  

[前端开发]vue中使用G2问题汇总

前言忙活完动态表单,动态附件,动态表格等等事情后,最近公司又在进军报表可视化问题了,对于我们前端而言如何将一份份数据美美的展示在页面上实为一项艰巨的任务.对比了现有的几个比较有名的可视化工具之后,最终还是...
发布时间:2023-10-11  

[前端开发]Vue-数据渲染

示例代码如下1.{{}}div id=app{{a + b}}/div2.v-oncespan v-once{{message}}/span3.v-html以html格式解析数据span v-html=url/span4.v-textspan v-text=message/span5.v-prespan v-pr...
发布时间:2023-10-11  

[前端开发]vue-Promise的链式调用

上一篇讲了promise的使用,这里不加赘述。但有时候会发现then里面的代码即使抽离出来还是很多,有没有办法再进行抽离呢?promise也提供这样的方式,能让回调后的代码进行一块一块地处理,代码如下: new Promise((r...
发布时间:2023-10-11  

[前端开发]vue-promise的all方法使用

在一个函数里面,需要发送多个ajax请求,并且下一个请求都需要上一个请求返回的数据,那我们可以下面的做法: new Promise((resolve, reject) = {//执行异步请求$.get(test.cgi, {name: John,time: 2pm},fun...
发布时间:2023-10-11  

[前端开发]vue项目优化

项目优化策略 1:在vue中引进nprogress插件,在处理请求的js页面request.js的拦截器中处理进度条的显示(nprogress.start())和隐藏(nprogress.done()), request拦截器格式:axios.interceptors.resquest.use(con...
发布时间:2023-10-11  

[前端开发]Vue 转 React 指南,看这篇文章就够了

为什么要从 Vue 转到 React,这篇文章为什么我们放弃了 Vue?Vue 和 React 深度对比大家可以看看,文章写得很详细,不过对于大多数人来说,用 Vue 还是 React 不是自己说了算,多学一门技术不是坏处,而且 React 被大...
发布时间:2023-10-11  

[前端开发]vue---mvvm模型浅谈

1.mvvm模型浅谈mvvm模型指的是:model(模型) view(视图) viewmodel(视图模型层)MVVM 的核心是 ViewModel 层,负责转 换 Model 中的数据对象来让数据变得更容易管理和使用,其作用如下: 该层向上与视图层进行双向数...
发布时间:2023-10-11  

[前端开发]vue--vue一些基础语法

3.vue一些基础语法3.1.v-bindbodydiv id=apph1 v-bind:title=message鼠标悬停几秒钟查看此处动态绑定的提示信息!/h1!-- v-bind 指令的简写形式: 冒号(:) --h1 :title=message我是标题/h1...
发布时间:2023-10-11  

[前端开发]vue中的router-view

目录基础使用小剧场基础使用vue-router是vue中的路由,使用 Vue.js ,我们已经可以通过组合组件来组成应用程序,当你要把 Vue Router 添加进来,我们需要做的是,将组件 (components) 映射到路由 (routes),然后告诉...
发布时间:2023-10-11  

[前端开发]vue如何在父组件中调用子组件的方法

假如子组件中有一个方法,想在父组件中直接调用、触发,这个时候就会用到ref属性子组件children中有一个方法jumpTrger()methods: {jumpTiger() {},在父组件中调用子组件,并加上ref属性// 在这里加上ref属性chi...
发布时间:2023-10-11