![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
西瓜不甜柠檬不酸
这个作者很懒,什么都没留下…
展开
-
SpringBoot+WebSocket+Vue整合实现在线聊天
一、WebSocket简介WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。在 WebSocket API 中,浏览器和...原创 2019-10-26 20:47:05 · 14952 阅读 · 8 评论 -
Vue使用轮询定时发送请求
一、什么是轮询?轮询(Polling)是一种CPU决策如何提供周边设备服务的方式,又称“程控输出入”(Programmed I/O)。轮询法的概念是,由CPU定时发出询问,依序询问每一个周边设备是否需要其服务,有即给予服务,服务结束后再问下一个周边,接着不断周而复始。 在WEB上来说就是客户端一直向服务端发起请求,服务端返回数据,不论返回什么都会再次向服务端发送请求。二、采用定时器进行轮询...原创 2019-10-20 11:28:23 · 6226 阅读 · 0 评论 -
Vue页面跳转传值和取值
1.第一种方式:组件方式页面A:传值<template> <div> <router-link :to="{name: 'B', params: {id:'1'}}">页面跳转</router-link> </div></template>注:name为要跳转的页面名称,在router/inde...原创 2019-10-20 10:53:58 · 1172 阅读 · 0 评论 -
Vue遍历数组中的对象
<template> <div> <div v-for="(value,key,index) in mydata" :key="index"> <p>值:{{value.a}},{{value.b}},{{value.c}}</p> <p>---------------------...原创 2019-10-19 11:10:42 · 5529 阅读 · 0 评论 -
在VS Code中打开本地服务器
一、安装Node.js1.下载对应系统的Node.js版本:https://nodejs.org/en/download/2.下载完成之后双击node-vXXX.msi进行安装(XXX代表Node.js的版本),使用默认的安装即可,会自动将node的环境添加到系统变量,也可以根据需要自行选择node的安装路径。3.测试在终端中执行node -v查看是否成功安装,如果能成功显示...原创 2019-04-09 00:54:38 · 1416 阅读 · 0 评论 -
Vue脚手架搭建及jsonServe搭建
一、Vue脚手架搭建1.安装全局cli:(只需安装一次,后续搭建不用安装)npm install --global vue-cli2. 创建Vue脚手架项目:vue create myproject3.启动项目:npm run serve二、 jsonserve搭建1.安装jsonserver:npm install -g json-server...原创 2019-05-15 14:15:22 · 523 阅读 · 1 评论 -
搭建Vue脚手架
一、安装vue-cli安装vue-cli的前提是你已经安装了npm,安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node。如果该命令不可以使用,需要安装node软件包,根据你的系统版本选择下载安装就可以了。下载地址:http://nodejs.cn/download/npm安...原创 2019-07-19 22:11:19 · 203 阅读 · 0 评论 -
Vue使用Bus在vue-cli2.0中实现同级组件通信
1.在main.js中将bus的实例暴露给外界beforeCreate() { Vue.prototype.bus = this}2.在A组件中触发B组件的方法 this.bus.$emit("change"); // change为自定义的通信名称,用来与另一个要通信的组件进行关联3.在B组件中监听是否触发相应的事件mounted() { this...原创 2019-10-02 23:53:31 · 465 阅读 · 0 评论 -
Vue中mounted钩子函数不能获取到data中的数据解决方法
1.为什么在mounted()获取不到data中的数据?这是因为在mounted()钩子函数中,this 指向的是window作用域,所以会出现获取到的data中的数据出现没有定义的情况。2.解决办法:解决办法很简单,只需要解决 this 的指向问题,便可以重新获取到data中的数据,如将 this 指定另一个变量,这样在mounted() 钩子函数的子函数中,便可以重新获取到data...原创 2019-10-03 11:31:29 · 20613 阅读 · 7 评论