vue
静默思想
初次加入,多多包涵
展开
-
vue实现全选/单选
//未开票单选selectedTap(item, index) { if (typeof item.isChecked == 'undefined') { this.$set(item, 'isChecked', true); } else { item.isChecked = !item.isChecked; } let maxlen = this.notinvoicedList.length; let count = 0; this.notinvoicedLi.原创 2021-01-18 16:56:38 · 509 阅读 · 0 评论 -
vue
1、说说你对 SPA 单页面的理解,它的优缺点分别是什么?SPA( single-page application )仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转;取而代之的是利用路由机制实现 HTML 内容的变换,UI 与用户的交互,避免页面的重新加载。优点:用户体验好、快,内...原创 2019-10-20 21:55:54 · 386 阅读 · 0 评论 -
react相关知识
react的单项数据流:单向数据流过程:简单的单向数据流(unidirectional data flow)是指用户访问View,View发出用户交互的Action,在Action里对state进行相应更新。state更新后会触发View更新页面的过程。这样数据总是清晰的单向进行流动,便于维护并且可以预测。优点:1. 所有状态的改变可记录、可跟踪,源头易追溯;2. 所有数据只有一份,组...原创 2019-10-20 20:52:44 · 117 阅读 · 0 评论 -
vue生命周期钩子函数
vue探索 ————八大周期钩子函数首先是官方文档上的图解 下面是执行顺序1,beforeCreate():此钩子函数发生在实例创建之前,此时data,el,methods未初始化,观测数据和事件初始化完成,2,created():此钩子函数data,methods数据初始化;el未初始化3,beforemount():此钩子函数内就运用了dom虚拟技术 即是先占位置 数据不更...原创 2019-10-13 22:50:10 · 174 阅读 · 0 评论 -
Vue--过渡动画实现的三种方式
https://www.cnblogs.com/mrszhou/p/7859020.htmlVue--过渡动画实现的三种方式一.使用vue的transition标签结合css样式完成动画 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8">...转载 2018-04-27 16:04:35 · 591 阅读 · 0 评论 -
vue.js中Axios的使用
1.什么是Axios https://www.kancloud.cn/yunye/axios/234845这是官方中文文档,大家可以看看 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 跟ajax一样都会是用来与后台交互的,但两者之间又有着区别 ...转载 2018-04-26 18:56:32 · 982 阅读 · 0 评论 -
vue实现倒计时的插件 时间戳 刷新 跳转 都不影响
https://www.cnblogs.com/sichaoyun/p/6645042.html 工作当中需要开发一个倒计时插件,于是开始网上先拿来主义,发现好多倒计时的插件,刷新都会变成从头再来,于是自己用vue2.0写了一个插件,测试已经通过,直接上代码如下是组件代码: <template> <span :endTime="endTim...转载 2018-04-23 15:44:57 · 2237 阅读 · 0 评论 -
vue 路由跳转传参
正常跳转this.$router.push('/index');1带参 toOrderDetail() { let orderUuid = this.order.uuid; this.$router.push({path: `/orderDetail/${orderUuid}`}); } 路由配置 path: '/orderDetail/:or...原创 2019-09-20 18:03:57 · 194 阅读 · 0 评论 -
vue-devtools的安装与使用
vue-devtools的安装与使用一.在github上下载压缩包,github下载地址:https://github.com/vuejs/vue-devtools二.解压到本地的某盘三.用你的npm中进入该文件夹下四.依次输:1:npm install (如果在这部报错的话,就改用cnpm install。 cnpm需要安装安装地址)2:npm run build...原创 2019-09-25 22:47:19 · 138 阅读 · 0 评论 -
vue生命周期
1、什么是vue生命周期? 答: Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期。 2、vue生命周期的作用是什么?答:它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。3、vue生命周期总共有几个阶段?答:它可以总共分为8个阶段:...转载 2018-05-02 14:02:37 · 114 阅读 · 0 评论 -
Vue如何使用axios异步请求后台
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 特征 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF 安装 本项目是使用IDEA软件打...转载 2018-05-02 14:21:54 · 12655 阅读 · 0 评论 -
使用VUE实现textarea固定输入行数与添加下划线样式.
textarea下划线设置一张1*35//行高的图片 , 设置背景图即可. background: url('./img/linebg.png') repeat;border: none;outline: none;overflow: hidden;line-height: 35px;//注意行高要和背景图高度一致resize: none; 固定输入行数需...原创 2018-06-29 15:30:39 · 5560 阅读 · 0 评论 -
这可能是vue-cli最全的解析了……
题言:相信很多vue新手,都像我一样,只是知道可以用vue-cli直接生成一个vue项目的架构,并不明白,他究竟是怎么运行的,现在我们一起来研究一下。。。一、安装vue-cli,相信你既然会用到vue-cli,自然node环境是OK的,直接命令行下安装npm install -g vue-cli二、使用vue-cli创建vue项目用法: vue init <temp...原创 2018-06-20 16:29:19 · 297 阅读 · 0 评论 -
MUI+VUE开发基于H5移动APP的定位问题
引入高德地图提供的JavaScriptAPI [html] view plain copy<script src="http://webapi.amap.com/mapsv=1.4.4&key=注册高德地图你申请的JavaScriptApiKey"></script> 定位函数[html] view plain copy//获取位置 ...原创 2018-05-15 15:03:49 · 1208 阅读 · 0 评论 -
vue 学习笔记-数据双向绑定
1 MVVM双向数据绑定指的是,将对象属性变化与视图的变化相互绑定。换句话说,如果有一个拥有name属性的user对象,与元素的内容绑定,当给user.name赋予一个新值,页面元素节点也会相应的显示新的数据。同样的,如果页面元素(通常是input)上的数据改变,输入一个新的值会导致user对象中的name属性发生变化。MVVM最早由微软提出来,它借鉴了桌面应用程序的MVC思想,在前端页...原创 2018-05-15 15:43:12 · 1658 阅读 · 0 评论 -
vue倒计时
<div class="index-content-middle"> <div class="index-left"> <p class="index-today">{{$store.state.gameInfo.activity_exists?(((new Date($store.state.gameInfo.start_t..原创 2018-05-08 12:16:26 · 469 阅读 · 0 评论 -
Vue + better-scroll 实现移动端字母索引导航
vue + better-scroll 实现移动端歌手列表字母索引导航。算是一个学习笔记吧,写个笔记让自己了解的更加深入一点。Demo: list-view,使用 chrome 手机模式查看。换成手机模式之后,不能滑动的话,刷新一下就 OK 了。Github:移动端字母索引导航效果图 配置环境因为用到的是 vue-cli 和 better-scroll,所以首先要...转载 2018-05-08 11:56:36 · 2265 阅读 · 3 评论 -
vue.js vue-cli配置移动端自适配(引入flexible)
1.安装lib-flexible npm i lib-flexible --save 2.在项目入口文件main.js中引入lib-flexible import 'lib-flexible/flexible.js' 3.在项目根目录的index.html 头部加入手机端适配的meta的代码 <...转载 2018-05-05 10:28:23 · 3511 阅读 · 0 评论 -
你或许不知道Vue的这些小技巧
组件style的scoped:问题:在组件中用js动态创建的dom,添加样式不生效。场景: <template> <div class="test"></div> </template> <script> let a=document.querySelector('.t...原创 2018-06-29 16:57:09 · 256 阅读 · 0 评论