Vue.js
LSQ_2584951836
如果你只做自己能力范围之内的事情,就永远没法进步
展开
-
同属性对象属性值对比
同属性对象属性值对比。原创 2023-02-27 17:45:52 · 164 阅读 · 0 评论 -
ant design vue 日期选择器只选择年份
【代码】ant design vue 日期选择器只选择年份。转载 2022-12-16 13:59:18 · 2840 阅读 · 0 评论 -
el-input输入框只能输入正整数
el-input输入框只能输入正整数onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"原创 2021-03-23 15:47:48 · 1261 阅读 · 1 评论 -
vue 页面数据重新加载完成之后回到之前位置
一、先拿到当前滑动距离二、再次请求完成之后获取到当前页面元素并给scrollTop赋值原创 2020-12-02 17:18:16 · 838 阅读 · 1 评论 -
vue 对data数据的深度监听(多层嵌套数据)
watch和computed配合使用 watch:{ startValue: { handler:function(newValue, oldValue) { console.log(newValue,oldValue) } }, endValue:{ handler:functio...原创 2020-02-26 10:59:33 · 3896 阅读 · 1 评论 -
Vue组件动态刷新
功能说明:事件触发时,使需要刷新的组件动态刷新。代码:App.vue<template> <div id="app"> //需要动态刷新的组件 <From v-if="isRouterAlive"></From> </div></template><script>i...原创 2019-12-28 17:00:55 · 1182 阅读 · 0 评论 -
Vue.js优缺点(个人理解)
vue在国内能被广泛使用的首要原因是它是基于mvvm框架做开发的,mvvm是前端开发中一种很有影响力的模式,在mvvm中,m代表model 即模型,model中集中粗出变量以及变量的值,v代表view 即视图,集中存储html和css,vm是二者名字的结合,viewmodel,我猜测这样命名应该是找不到合适的名字替代了~~,很多人沿用mvc的controller对mvvm的vm进行中文命名,mvc...原创 2019-11-26 15:40:46 · 614 阅读 · 0 评论 -
使用vue-echarts异步数据加载,不能重新渲染页面问题。
一、问题说明我是用的是官方示例中的这个饼状图。结果在应用到项目中后发现利用axios请求到的数据无法渲染到页面中去。并且其中value值已经改变。二、解决办法用$set改变value的值,并且重新绘制一遍表格。$set是全局 Vue.set 的别名。$set用法:向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为...原创 2019-11-04 21:40:19 · 3368 阅读 · 0 评论 -
Vue兄弟组件之间传值——bus事件车
第一步:在assert文件夹下创建一个eventBus.js文件第二步:在components文件夹下创建一个文件,用来传递数据。(触发自定义函数)第三步:在components文件夹下创建一个文件,用来接收数据(监听自定义函数)第四步:在addshop.vue里使用这两个组件。...原创 2019-11-01 20:57:50 · 493 阅读 · 0 评论 -
Vue.js框架入门经典项目TodoMVC
1. 介绍项目地址:http://todomvc.com/github模板下载地址:https://github.com/tastejs/todomvc-app-template可通过git和npm下载。下载完毕之后主要修改app.js和index.html这两个文件。2. index.html代码:<!doctype html><html lang="en"&...原创 2019-10-16 14:12:45 · 408 阅读 · 0 评论 -
Vue学习(监听属性watch)
Vue.js 监听属性Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化。watch中可以使用异步代码。示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content...原创 2019-10-14 21:11:16 · 159 阅读 · 0 评论 -
Vue学习(计算属性computed)
Vue.js 计算属性关键词:computed。我们可以使用 computed 来替代 methods,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。可以说使用 computed 性能会更好,但是如果你不希望缓存,你可以使用 methods 属性。computed 属性...原创 2019-10-14 21:01:18 · 278 阅读 · 0 评论 -
Vue购物车案例
Vue实现购物车案例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...原创 2019-10-14 20:50:29 · 211 阅读 · 0 评论 -
Vue学习(样式绑定)
class动态绑定样式class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。Vue.js v-bind 在处理 class 和 style 时, 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。1. 对象方式<!DOCTYPE html><html lang="en"><hea...原创 2019-10-14 20:32:11 · 136 阅读 · 0 评论 -
Vue学习(过滤器和template标签)
过滤器Vue.js 允许你自定义过滤器,被用作一些常见的文本格式化。由"管道符"指示, 格式如下:<!-- 在两个大括号中 -->{{ message | capitalize }}<!-- 在 v-bind 指令中 --><div v-bind:id="rawId | formatId"></div>过滤器函数接受表达式的值作为第一...原创 2019-10-14 20:09:02 · 269 阅读 · 0 评论 -
Vue学习(事件修饰符和按键修饰符)
事件修饰符Vue.js通过由点(.)表示的指令后缀来调用修饰符。综合示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...原创 2019-10-14 19:40:26 · 252 阅读 · 0 评论 -
Vue学习(表单)
表单复选框:以下实例中演示了复选框的双向数据绑定:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2019-10-14 18:37:22 · 143 阅读 · 0 评论 -
Vue数据双向绑定原理
defineProperty(定义属性)示例一 var obj={} Object.defineProperty(obj,'name',{ value:'123', writable:false//不可写 }) obj.name="456";//set操作 console.log(...原创 2019-10-11 21:29:13 · 130 阅读 · 0 评论 -
Vue学习(安装和基本指令)
1. 介绍Vue是什么?Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API...原创 2019-10-11 17:33:15 · 187 阅读 · 0 评论