![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
yzy||
这个作者很懒,什么都没留下…
展开
-
Vue入门笔记(三)
文章目录Vue入门笔记(三)计算属性v-bind 及 classb-bind绑定内联样式Vue入门笔记(三)计算属性使用范围在遇到复杂的逻辑时使用计算属性。<body> <div id="app">{{reversedText}}</div></body><script> var app = new Vue({ el: "#app", data: { text原创 2020-06-06 18:52:51 · 232 阅读 · 0 评论 -
Vue练习(一)
Vue练习(一)v-model:用于在表单类元素上双向绑定数据,例如 在输入框上使用时,输入的内容会实时映射到绑定的数据上。v-for:将一个数组遍历或枚举一个对象循环,它的表达 式需结合 in 来使用,类似 item in items 的形式。v-for 的表达式支持一个可选参数作为当前项的索引除了数组外, 对象的属性也是可以遍历v-for 还可以迭代整数练习内容:用Vue完成一个简易的购物车生成结果:代码如下:<!DOCTYPE html><html l原创 2020-06-06 15:08:46 · 399 阅读 · 0 评论 -
Vue入门笔记(二)
文章目录Vue入门笔记(二)过滤器指令初识语法糖Vue入门笔记(二)过滤器Vue. 支持在{{ }}插值的尾部添加一小管道符" | " 对数据进行过滤,经常用于格式化文本,比如字母全部大写、货币千位使用逗号分隔等。过滤的规则是自定义的,通过给 Vue 实例添 加选项 filters 来设置。例子:<div id="app">{{name | filter}}</div><script> var app = new Vue({原创 2020-06-05 18:03:52 · 220 阅读 · 0 评论 -
Vue入门笔记(一)
文章目录Vue入门笔记(一)实例与数据生命周期插值与表达式Vue入门笔记(一)实例与数据通过构造函数 Vue 就可以创建一个 Vue 的根实例如下代码var app =new Vue({ el:docur1'ent.getElementByld ( ’ app ’), //或者是 "#app " data: { a:2 }}) 变量 app 就代表了这个 Vue 实例el: 用于指定一个页面中己存在的 DOM 元素来挂载 Vue 实例,它可以是 HTMLElement ,也可原创 2020-06-04 17:20:56 · 186 阅读 · 0 评论 -
JS实现拖拽
文章目录拖拽实现工具基本思路原理图代码演示拖拽实现工具mousedown-----某个鼠标按键被按下mousemove-----鼠标被移动mouseup-----某个鼠标按键被松开event.clientX-----事件属性返回当事件被触发时鼠标指针向对于浏览器页面(或客户区)的水平坐标。客户区指的是当前窗口。offsetLeft-------获取对象相对于版面或由offsetParent属性指定的父坐标的左侧位置。style.top----给物体定位,拖拽后物体的绝对位置。documen原创 2020-06-03 21:34:24 · 255 阅读 · 1 评论