Vue.js
孤独的SVIP
这个作者很懒,什么都没留下…
展开
-
利用vue动画渲染实现ul中li标签的定时滚动效果
利用vue动画渲染实现ul中li标签的定时滚动效果近来公司业务新需求需要写一个大屏页面,由于大屏展示的数据量有限,因此很多地方需要用到页面的滚动效果,如图所示,以下两张图实际上都是动态的向上翻滚的效果,代码是以第一张图为例vue官方文档====>vue关于动画的官方文档1.DOM渲染<template lang="pug">.policyoutput .echarts-title span.dot span.echarts-titleL 末端空调状态原创 2020-11-27 15:25:42 · 1881 阅读 · 0 评论 -
Vue.js-01
使用Vue将helloworld 渲染到页面上指令本质就是自定义属性Vue中指定都是以 v- 开头v-cloak防止页面加载时出现闪烁问题 <style type="text/css"> /* 1、通过属性选择器 选择到 带有属性 v-cloak的标签 让他隐藏 */ [v-cloak]{ /* 元素隐藏 */ dis...原创 2019-07-29 18:45:43 · 142 阅读 · 0 评论 -
vue数据更改视图不更新问题----深入响应式原理
Vue响应式原理之官方解释** 当你把一个普通的JavaScript对象传给Vue实例的data选项,Vue将遍历此对象所有的属性,并使用Object.defineProperty把这些属性全部转为getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性,这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器。这些getter...原创 2019-07-31 19:25:28 · 253 阅读 · 0 评论 -
为什么vue中的data必须是函数
vue组件中的data必须是函数类比引用数据类型Object是引用数据类型,如果不用function 返回,每个组件的data 都是内存的同一个地址,一个数据改变了其他也改变了;javascipt只有函数构成作用域(注意理解作用域,只有函数的{}构成作用域,对象的{}以及if(){}都不构成作用域),data是一个函数时,每个组件实例都有自己的作用域,每个实例相互独立,不会相互影...转载 2019-07-31 20:46:43 · 275 阅读 · 0 评论 -
Vue.js-02
Vue常用特性表单基本操作获取单选框中的值通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的值就是选中的值,...原创 2019-07-31 21:19:12 · 237 阅读 · 0 评论 -
关于Vue.js中 watch(deep深度监听)
1.watch监听数据的变化(基本数据、数组、对象)<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div> new Vue({ el: ...原创 2019-08-06 20:36:39 · 10301 阅读 · 0 评论