SpringBoot+Websocket+Vue的使用 首先是对websocket进行讲解 简介 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进…
父组件使用 .sync 修饰符 <template> <div class="Home"> <v-model :text.sync='text' ></v-model> <div>{{text}}</div> </div> </template> 子组件利用 this.$emit('update:tex…
Vue脚手架项目构建 一 安装Vue CLI Vue CLI是Vue框架的客户端工具，创建Vue项目、运行Vue项目都需要事先安装此工具。 安装Vue CLI的cmd命令: npm install -g @vue/cli 以上命令执行完后，只要没有提示错误（Err或Error字样），即可视为成功! 当Vue CLI安装完成后，可以通过以下命令查看版本号并检查是否安装成功： 如果有的err话,关闭这…
之前博主在写一个功能的时候有碰到过这个问题，比如主页面有修改功能，修改的详情页是一个引入的子组件，用v-if控制子组件的显隐。点击主页面的修改按钮，会发现页面并没有跳到修改详情页。这个时候，我能想到的是， 1.v-if的条件没有满足，所以没有跳到子组件，去控制台打印v-if条件，发现已经满足了，所以排除这个错误。 2.最低级的错误。。。。。你的子组件引入错误，很显然，哈哈哈我不会犯这个错误，所以这…
Vue中父子组件进行通信的方式 写在前面：传参的几种方式 一、自定义事件—子传父 1、声明自定义事件—子组件 2、绑定自定义事件—子组件 3、派发自定义事件—子组件 4、监听自定义事件—父组件 5、定义自定义事件—父组件 二、props—父传子 1、父组件绑定动态数据 2、父组件传入数据 3、子组件接收数据 4、子组件读取数据 三、provide 与 inject—父传子 1、作用： 2、套路： …
vue基础 v-for更新监测 目标: 当v-for遍历的目标结构改变, Vue触发v-for的更新 情况1: 数组翻转 情况2: 数组截取 情况3: 更新值 口诀: 数组变更方法, 就会导致v-for更新, 页面更新 数组非变更方法, 返回新数组, 就不会导致v-for更新, 可采用覆盖数组或this.$set() <template> <div> <ul> …
前面讲完了vue cli3的相关配置，现将数据请求域名配置单独拉出来讲。 vue的配置里vue.config.js中相关的 教程 有讲过，开发环境下，配置后端API 服务器，可使用 devServer.proxy 。但通常情况下，项目在开发环境下请求的接口地址和生产环境下的不一样，需要根据不同的环境，切换不同的接口地址域名。 上篇文章中，本人直接配置在了api.js中： axios.default…
系列文章： 文章目录 node.js安装 vue环境安装 vue创建项目 命令行方式创建 使用UI界面搭建 idea导入vue项目 学习Vue不需要学会Node,Vue是前端框架，nodejs是服务端 ，使用Vue的脚手架的话，只需要学习Node的npm指令 node.js安装 node.js 官网 下载最新的长期版本，直接运行安装完成之后，我们就已经具备了node和npm的环境啦。 可以修改安装…
初入Vue的世界，对这个世界的路线和环境都还是处于未知和好奇中, 而在探索的过程中，只有写将地图和风景记录在旅游手册里，下次才能更好的翻阅。 var data = { a: 1 } // 直接创建一个实例 var vm = new Vue({ data: data }) alert（vm.a） // => 1 alert(vm.$data === data） // => true 0.…
TypeScript快速上手语法+结合vue3用法 前言： 本篇内容不涉及TypeScript安装以及配置，具体安装及配置篇可以看下面目录，本篇只涉及TypeScript语法相关内容，及结合vue3的用法。不讲废话，简单直接直接开撸。 目录 TypeScript的具体安装及配置 TypeScript快速上手语法+结合vue3用法 1、定义原始类型 2、定义object 类型 3.定义数组类型 4.…