- 博客(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
198
原创 Vue2.0
VUE2.0初学（八）处理边界情况二、程序化的事件侦听器通过 $on(eventName, eventHandler) 侦听一个事件通过 $once(eventName, eventHandler) 一次性侦听一个事件通过 $off(eventName, eventHandler) 停止侦听一个事件在一个组件实例上手动侦听事件时，也可以用于代码组织工具。例如，集成一个第三方库的模式：// 一次性将这个日期选择器附加到一个输入框上// 它会被挂载到 DOM 上。mounted: funct
2020-05-18 20:48:13
141
原创 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
151
原创 Vue2.0（第七周）
VUE2.0初学（六）动态组件&异步组件一、keep-alive我们之前曾经在一个多标签的界面中使用 is attribute 来切换不同的组件：<component v-bind:is="currentTabComponent"></component>当在这些组件之间切换的时候，想保持这些组件的状态，以避免反复重渲染导致的性能问题。重新创建动态组件...
2020-04-27 15:19:04
138
原创 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
96
原创 Vue2.0（第五周）
VUE2.0初学（四）自定义事件一.事件名不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。eg： 触发一个 camelCase 名字的事件：this.$emit('myEvent')监听这个名字的 kebab-case 版本是不会有任何效果的：<!-- 没有效果 --><my-component v...
2020-04-13 14:44:29
91
原创 Vue2.0（第二三周）
VUE2.0初学（二）vue.js一.用vue实现hello world1.在<head>部分引用进vue.js的库<script src="./vue.js"></script>2.创建一个vue实例var app = new Vue（）
2020-03-16 17:22:01
88
原创 vue2.0
VUE2.0初学（一）vue初探基础需要对熟练运用js，对ES6、Webpack、npm有一定的了解，在学习过程中有不会的需要及时查阅相关资料ES6介绍1.什么是ES6ES6是ECMA Script 6.0的简称, 就是语言最新的标准, 发布与15年左右目标让js语言成为能支持去编写大型复杂的应用语言, 成为企业级开发语言2.变量1.变量的新特性 可以使用let去定义变量 可...
2020-03-15 21:27:32
159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人