- 博客(4)
- 收藏
- 关注
原创 WebSocket的基本使用-Vue/ElementUI实现实时公告栏
WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket允许服务端主动向客户端推送数据,在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。 使用WebSocket的意义: 现在很多网站展示实时数据采用的方式Ajax 轮询,这种方式需要设置计时器在特定的时间(间隔时间)里使客户端向服务端发起HTTP请求...
2019-12-13 16:12:41
2705
1
原创 通过案例学习this.$nextTick()
通过案例学习this.$nextTick() 对于this.$nextTick()的用法,官方给出的是:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 这就话通俗来说,就是假如我们更改了某个DOM元素的文本,而我们想获得这个更改后的文本数据,需要在DOM更新之后才能拿到。比如以下例子: <sect0ion> <h1...
2019-12-13 16:12:18
283
1
原创 vue.js-自定义指令
vue.js-自定义组件 除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。在Vue中我们可以注册全局指令和局部指令。 注册全局指令: 例如注册一个v-focus, 该指令的功能是在页面加载时,元素获得焦点: <div id="app"> <p>页面载入时,input 元素自动获取焦点:</p> <inpu...
2019-12-02 15:49:45
168
原创 Vue.js的学习总结——组件封装
Vue.js中关于组件封装的学习总结 首先需要先了解什么是Vue组件: 组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树: 举例来说:假如我们现在需要使用ElementUI中的Dialog对话框和Checkbox 多选框来写一个具...
2019-11-11 11:22:46
334
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅