
Vue.js
西瓜不甜柠檬不酸
这个作者很懒,什么都没留下…
展开
-
SpringBoot+WebSocket+Vue整合实现在线聊天
一、WebSocket简介 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。 在 WebSocket API 中,浏览器和...原创 2019-10-26 20:47:05 · 15309 阅读 · 8 评论 -
Vue使用轮询定时发送请求
一、什么是轮询? 轮询(Polling)是一种CPU决策如何提供周边设备服务的方式,又称“程控输出入”(Programmed I/O)。轮询法的概念是,由CPU定时发出询问,依序询问每一个周边设备是否需要其服务,有即给予服务,服务结束后再问下一个周边,接着不断周而复始。 在WEB上来说就是客户端一直向服务端发起请求,服务端返回数据,不论返回什么都会再次向服务端发送请求。 二、采用定时器进行轮询...原创 2019-10-20 11:28:23 · 6284 阅读 · 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 · 1222 阅读 · 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 · 5580 阅读 · 0 评论 -
在VS Code中打开本地服务器
一、安装Node.js 1.下载对应系统的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 · 1476 阅读 · 0 评论 -
Vue脚手架搭建及jsonServe搭建
一、Vue脚手架搭建 1.安装全局cli:(只需安装一次,后续搭建不用安装) npm install --global vue-cli 2. 创建Vue脚手架项目: vue create myproject 3.启动项目: npm run serve 二、 jsonserve搭建 1.安装jsonserver: npm install -g json-server...原创 2019-05-15 14:15:22 · 551 阅读 · 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 · 229 阅读 · 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 · 499 阅读 · 0 评论 -
Vue中mounted钩子函数不能获取到data中的数据解决方法
1.为什么在mounted()获取不到data中的数据? 这是因为在mounted()钩子函数中,this 指向的是window作用域,所以会出现获取到的data中的数据出现没有定义的情况。 2.解决办法: 解决办法很简单,只需要解决 this 的指向问题,便可以重新获取到data中的数据,如将 this 指定另一个变量,这样在mounted() 钩子函数的子函数中,便可以重新获取到data...原创 2019-10-03 11:31:29 · 20932 阅读 · 7 评论