- 博客(9)
- 收藏
- 关注
RSS订阅原创 拖放 drag & drop
拖放 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 如何实现 1.设置元素为可拖放 利用拖拽属性draggable="true"设置元素为可拖放。 比如这样： <img src="" draggable="true"> 或这样 <div draggable="true">haha</div> 2.拖动开始和设置拖动数据-ondragstart和setData 在一个元素中，ondragstart属性
2020-05-25 20:16:41
243
原创 Vue2.0
VUE2.0初学（八） 处理边界情况 二、程序化的事件侦听器 通过 $on(eventName, eventHandler) 侦听一个事件 通过 $once(eventName, eventHandler) 一次性侦听一个事件 通过 $off(eventName, eventHandler) 停止侦听一个事件 在一个组件实例上手动侦听事件时，也可以用于代码组织工具。例如，集成一个第三方库的模式： // 一次性将这个日期选择器附加到一个输入框上 // 它会被挂载到 DOM 上。 mounted: funct
2020-05-18 20:48:13
195
原创 Vue2.0
VUE2.0初学（七） 处理边界情况 一、访问元素&组件 1.访问根实例 在每个 new Vue 实例的子组件中，其根实例可以通过 $root property 进行访问。例如，在这个根实例中： // Vue 根实例 new Vue({ data: { foo: 1 }, computed: { bar: function () { /* ... */ } }, methods: { baz: function () { /* ... */ } } }
2020-05-11 20:17:16
248
原创 Vue2.0（第七周）
VUE2.0初学（六） 动态组件&异步组件 一、keep-alive 我们之前曾经在一个多标签的界面中使用 is attribute 来切换不同的组件： <component v-bind:is="currentTabComponent"></component> 当在这些组件之间切换的时候，想保持这些组件的状态，以避免反复重渲染导致的性能问题。 重新创建动态组件...
2020-04-27 15:19:04
203
原创 Vue2.0（第六周 补）
VUE2.0初学（五） 插槽 一.插槽内容 将 元素作为承载分发内容的出口。 合成组件： <navigation-link url="/profile"> Your Profile </navigation-link> 在 <navigation-link> 的模板中可能会写为： <a v-bind:href="url" class="na...
2020-04-27 15:12:17
136
原创 Vue2.0（第五周）
VUE2.0初学（四） 自定义事件 一.事件名 不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。 eg： 触发一个 camelCase 名字的事件： this.$emit('myEvent') 监听这个名字的 kebab-case 版本是不会有任何效果的： <!-- 没有效果 --> <my-component v...
2020-04-13 14:44:29
122
原创 Vue2.0（第二三周）
VUE2.0初学（二） vue.js 一.用vue实现hello world 1.在<head>部分引用进vue.js的库 <script src="./vue.js"></script> 2.创建一个vue实例 var app = new Vue（）
2020-03-16 17:22:01
129
原创 vue2.0
VUE2.0初学（一） vue初探 基础需要对熟练运用js，对ES6、Webpack、npm有一定的了解，在学习过程中有不会的需要及时查阅相关资料 ES6介绍 1.什么是ES6 ES6是ECMA Script 6.0的简称, 就是语言最新的标准, 发布与15年左右 目标让js语言成为能支持去编写大型复杂的应用语言, 成为企业级开发语言 2.变量 1.变量的新特性 可以使用let去定义变量 可...
2020-03-15 21:27:32
214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人