一、数组1.不能监听的情况（1）直接通过下标赋值 arr[i]=value（2）直接修改数组长度arr.length=newLen2.替代做法（1）修改值123Vue.set(arr,index,newvalue)vm.$set(arr,index,newvalue)arr.splice(index,1,newvalue)（2）修改数组长度，1arr.splice(newLen)3.注意调用数组的pop、push、shift、unshift、splice、sort、reverse等方法时是可以监听到数组的变化的vue内部相当于重写了数组的原型，劫持了这七个方法二、对象1.不能监听的情况属性的新
1.自定义全局指令语法示例下边定义了一个名为v-指令名的自定义指令Vue.directive('指令名',{操作})全局指令CROW-宋页面载入时，input元素自动获取焦点：//注册一个全局自定义指令v-focusVue.directive('focus',{//当绑定元素插入到DOM中。inserted:function(el){//聚焦元素el.focus()}})//创建根实例newVue({el:'#app'})2.自定义局部指令语法示例newVue({el:'#app',directives:{指令名:{操作}}})完整示例CROW-宋页面载入时，input元素自动获取焦点：//创
computed又被称作计算属性，用于动态的根据某个值或某些值的变化，来产生对应的变化，computed具有缓存性，当无关值变化时，不会引起computed声明值的变化。产生一个新的变量并挂载到vue实例上去。一、computed简写形式姓：名：姓名：import{computed,reactive}from'vue'exportdefault{setup(){letper=reactive({surname:'勇敢',name:'小陈'})per.fullName=computed(()=>{returnper.surname+'~'+per.name})return{per
现象使用elmentui的el-upload组件上传文件，会导致上传的文件参数file里面只包含uid，没有其他信息file:{uid:52688455}其他参数：xxxx过程在网上查资料，首先发现，是没有设定content-type为"multipart/form-data"由于我是封装了请求的，统一设定axios的请求config，所以我将统一的config删除，然后在每个请求方法中都逐一设定了congfig，发现请求的content-type虽然改变，但是file的值还是只有uid，还是json形式的后面又想到，可以将文件转变成base64字符串，然后使用json的形式传递，但是这样会让
在vue项目中，子元素有点击事件，父元素也有点击事件，当点击子元素时往往触发的是父元素的点击事件，产生冲突，怎样解决这个问题呢？解决方法：使用vue中的事件修饰符vue为v-on提供了.stop、.prevent、.self、.once等事件修饰符，当遇到子元素与父元素的事件冲突，就要阻止事件传递的产生， .stop的作用是阻止事件继续传播，所以我们在子元素的事件上添加事件修实符.stop来阻止事件传播就能够解决子元素点击事件不触发的问题。订单版本：v1.0.0总结：在vue项目开发中，vue为我们提供了很多实用的方法，做项目时一定要冷静下来，多思考。
文章目录面包屑tag面包屑Elementui面包屑：显示当前页面的路径，快速返回之前的任意页面，完成效果如下：我们之前把头部的代码封装到了CommonHeader.vue中，面包屑部分直接写死了一个首页，我们可以把官网的面包屑代码先直接复制过来：el-breadcrumbseparator="/">el-breadcrumb-item:to="{path:'/'}">首页el-breadcrumb-item>el-breadcrumb-item>ahref="/">活动管理a>el-breadcrumb-item>el-breadcrumb-item>活动列表el-breadcrumb-ite
根据api传回来的数据渲染试卷页面{{paper.tName}}{{paper.tDesc}}-->【单选题】{{index+1}}.{{question.tExplain}}【多选题】{{index+1}}.{{question.tExplain}}【问答题】{{index+1}}.{{question.tExplain}}【判断题】{{index+1}}.{{question.tExplain}}{{option.topics}}{{option.topics}}正确错误提交答案importDatiKafrom'./components/datika.vue'exportdefault{d
1、确认引入资源文件HTML页面使用vue与elementui需引入资源文件1.1链接引入scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">/script>scriptsrc="https://unpkg.com/element-ui/lib/index.js">/script>scriptsrc="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js">/script>主义引入顺序，先引入vue的js文件，再引入elementui的js文件1.2本地引入将1.1中资源文件下载到
打包vuevite前端项目(如若提供一些帮助，请帮忙点个赞)1.打包时将测试删除2.修改配置3.打包项目npmrunbuild显示成功（黄的也不知道是啥）打包好的前端文件放入4.配置default.confupstreamwms-app{server你自己的ip加端口;server192.168.xx.xx:8080;}server{listen80;server_namelocalhost;location/{root/usr/share/nginx/html;indexindex.htmlindex.htm;try_files$uri$uri//index.html=404;}#locat
目录1. 什么是webSocket 2. webSocket可以用来做什么?3. webSocket协议4.服务器端5.客户端6.测试通讯1. 什么是webSocket WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocketAPI中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。2. webSocket可以用来做什么?利用双向数据传输的特点可以用来完成很多功能，不需要前端轮询，浪费资源。例如： 实时聊天应用：WebSocket
