随笔分类 -  Vue

摘要:在日常运行vue 项目中 在终端 运行命令有时用到 npm run serve 有时是 npm run dev。 那么,什么时候用到 serve ,什么时候用到 dev 呢? 他们的区别是什么? 一般在 vue 3.x 的时候用 npm run serve,vue2.x项目运行的时候用到 npm r 阅读全文
posted @ 2024-03-28 12:03 海乐学习 阅读(990) 评论(0) 推荐(0) 编辑
摘要:在Vue3中 设置全局的网页样式 阅读全文
posted @ 2023-09-01 11:35 海乐学习 阅读(241) 评论(0) 推荐(0) 编辑
摘要:效果图 man.js 定义 响应式全局对象 globalData 定义一个没有具体参数的json象 extTelTalkData: [], 这么写的好处是 事先不写具体参数,赋值时实例就行。 我是用websocket 收到消息 并赋值的,当然也可以用其它方式赋值。 //全局对象 const glob 阅读全文
posted @ 2023-08-22 17:37 海乐学习 阅读(258) 评论(0) 推荐(0) 编辑
摘要:目标:用一个图片来监视全局websocket对象的连接状态 全局websocket的写法详见:https://www.cnblogs.com/hailexuexi/p/17577818.html main.js 全局对象 websocket的连接状态 //全局对象 const globalData= 阅读全文
posted @ 2023-08-21 16:53 海乐学习 阅读(215) 评论(0) 推荐(0) 编辑
摘要:vue客户端 main.js import { createApp } from 'vue' import { reactive } from 'vue' import App from './App.vue' import {webSocketUrl} from '/public/static/c 阅读全文
posted @ 2023-07-24 17:24 海乐学习 阅读(1582) 评论(0) 推荐(0) 编辑
摘要:vue3.0 外部配置文件,重点是打包后也可以 修改配置参数 注:js文件中必须是标准的 json 格式 一、在public中创建static文件夹,在static文件夹中创建 config.json 文件 config.json (必须是标准的 json 格式) { "webSocketUrl": 阅读全文
posted @ 2023-07-24 12:03 海乐学习 阅读(4117) 评论(0) 推荐(0) 编辑
摘要:效果 man.js 定义 响应式全局对象 globalData //全局对象 const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callStatus:"通话" }, { userEx 阅读全文
posted @ 2023-07-21 12:36 海乐学习 阅读(163) 评论(0) 推荐(0) 编辑
摘要:效果 man.js 定义 响应式全局对象 globalData //全局对象 const globalData=reactive({ missedCallData:"", currentUserTel:"", }) app.provide('globalData', globalData); 在ma 阅读全文
posted @ 2023-07-21 12:29 海乐学习 阅读(86) 评论(0) 推荐(0) 编辑
摘要:效果 main.js //全局对象 const globalData=reactive({ extTelMonitorData: [ { title: '用户组一', list: [ { groupID: "0", groupName: "All Users", userDomain: "equii 阅读全文
posted @ 2023-07-21 11:58 海乐学习 阅读(43) 评论(0) 推荐(0) 编辑
摘要:在Vue项目中 遍历显示Json数组 以列表的形式显示的页面上 main.js 全局 json 对象 //全局json const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callSt 阅读全文
posted @ 2023-07-17 12:09 海乐学习 阅读(865) 评论(0) 推荐(0) 编辑
摘要:vue2.0 外部配置文件,重点是打包后也可以 修改配置参数 一、在public中创建static文件夹,在static文件夹中创建config.js文件 config.js { "apiUrl": "http://192.168.1.5:5011/httpCli" } 二、在 man.js 中 使 阅读全文
posted @ 2023-07-07 16:20 海乐学习 阅读(135) 评论(0) 推荐(0) 编辑
摘要:vue3.0 外部配置文件,重点是打包后也可以 修改配置参数 axios方式有两个缺点: 1.读取配置参数是用 axios请求 所以要比程序加载慢些。有时会出现程度加载完毕后要等1秒左右才能读到配置参数 2.最重要的缺点是 axios方式,编译后必须放在Apache(或其它服务)的www目录下用 地 阅读全文
posted @ 2023-07-07 16:08 海乐学习 阅读(653) 评论(0) 推荐(0) 编辑
摘要:vue项目打包上线时报错’Failed to load resource: net::ERR_FILE_NOT_FOUND’ 原因:这里的确是css以及js文件的路径问题 解决方案: 解决时并不需要手动改路径或者加一段判断去修改 最方便的办法时在项目打包前的 vue.config.js 里面将pub 阅读全文
posted @ 2023-07-03 14:27 海乐学习 阅读(897) 评论(0) 推荐(0) 编辑
摘要:模板页 在components目录下 新建 HeaderComponent.vue 文件 HeaderComponent.vue <template> <div > 元素 </div> </template> <script> export default { // 组件名称 name: 'Head 阅读全文
posted @ 2023-06-30 17:02 海乐学习 阅读(27) 评论(0) 推荐(0) 编辑
摘要:Vue3 使用 axios 可以实现请求跨域问题 1.安装axios npm install axios -S 2.引入axios 并配置为全局 $axios 对象 main.js import { createApp } from 'vue' import App from './App.vue' 阅读全文
posted @ 2023-06-30 13:49 海乐学习 阅读(3157) 评论(0) 推荐(0) 编辑
摘要:卸载XXX依赖 npm uninstall XXX -S 卸载 vue-resource npm uninstall vue-resource -s 阅读全文
posted @ 2023-06-30 12:51 海乐学习 阅读(774) 评论(0) 推荐(0) 编辑
摘要:问题: 在学习vue的过程中出现了这个问题,说明VueResource模块没有安装。 解决方法: 打开终端,进入当前项目所在目录,输入指令 npm install vue-resource --save 然后等待安装,安装好了以后在main.js中引用(下图红色框中代码) 阅读全文
posted @ 2023-06-30 12:46 海乐学习 阅读(144) 评论(0) 推荐(0) 编辑
摘要:在 Vue 3 中集成和使用 Axios Axios 是一个流行的 JavaScript 库,用于在浏览器和 Node.js 中进行 HTTP 请求。它提供了简洁的 API,可以轻松地发送异步请求并处理响应数据。在 Vue 3 中,我们可以使用 Axios 来与后端进行数据交互。 参考资料:Axio 阅读全文
posted @ 2023-06-30 11:47 海乐学习 阅读(6393) 评论(0) 推荐(0) 编辑
摘要:通过 js包的方法 引入 jquery 当然也可以用 npm install jquery --save-dev 方法 但 引用 js包 方法 配置相对简单,在npm遇到问题时可采用此种方式 一.下载 jquery压缩包 官网下载:jquery.com/download/ 二.在根目录下 publi 阅读全文
posted @ 2023-05-24 11:43 海乐学习 阅读(1809) 评论(0) 推荐(0) 编辑
摘要:解析: 看这个错误提示意思就是“不允许代码中出现空格和tab键混合的情况”大多数代码约定要求使用空格或 tab 进行缩进,禁止使用空格和tab混合缩进。因此,一行代码同时混有 tab 缩进和空格缩进,通常是错误的。 解决办法:原因找到了,解决办法就是找到spaces和tabs混合的地方,然后统一即可 阅读全文
posted @ 2023-05-22 10:27 海乐学习 阅读(64) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示