
vue
Jarvis Downey
你好,我是一名热爱前端技术的工程师。在这里,我将分享我的技术心得、项目经验和编程感悟,希望能对大家有所帮助。欢迎交流和讨论!
技术栈
HTML/CSS
JavaScript
Vue.js
React.js
Webpack
Babel
TypeScript
Node.js
Express
MongoDB
Git
GitHub
展开
-
Vue 2中的this指向详解
在JavaScript中,`this`的指向是许多开发者经常遇到的问题,尤其是在使用Vue这样的框架时。在Vue 2中,理解`this`的指向对于正确地访问组件的数据和方法至关重要。原创 2024-09-12 11:14:29 · 1680 阅读 · 0 评论 -
Vue 2 中的 `$set` 方法详解
在 Vue 2 中,响应式数据的更新非常重要,因为它确保了当数据改变时,视图能够自动更新。Vue 使用一套高效的机制来追踪依赖并在数据变化时更新视图。然而,在某些情况下,直接修改对象的属性可能不会触发视图更新。这时,`$set` 方法就显得尤为重要。原创 2024-09-11 17:32:01 · 2882 阅读 · 0 评论 -
在 Vue 2 中使用 Axios 发起 POST 和 GET 请求
Axios 是一个基于 Promise 的 HTTP 客户端,用于浏览器和 node.js,它提供了一种非常方便的方式来发送异步 HTTP 请求。在 Vue 2 应用中,Axios 可以帮助我们轻松地与后端 API 进行通信。本文将介绍如何在 Vue 2 项目中引入 Axios,并使用它来发起 POST 和 GET 请求。原创 2024-09-11 17:27:20 · 1791 阅读 · 0 评论 -
Vue 2 中实现双击事件的几种方法
在 Vue 2 中处理用户交互,特别是双击事件,是一个常见的需求。Vue 提供了一种简洁的方式来绑定事件,包括双击事件。本文将介绍几种在 Vue 2 中实现双击事件的方法。原创 2024-09-11 17:21:03 · 3463 阅读 · 0 评论 -
Vue 2 生命周期详解
理解 Vue 2 的生命周期对于开发者来说非常重要,它可以帮助我们在合适的时机进行数据获取、事件绑定、资源清理等操作。通过合理使用生命周期钩子,可以使我们的 Vue 应用更加高效和稳定原创 2024-09-11 14:01:04 · 679 阅读 · 0 评论 -
使用 Steam++ 快速访问 Github
使用 Steam++ 快速访问 Github原创 2022-06-21 14:50:43 · 10229 阅读 · 4 评论 -
vuecli 4 打包后 Failed to load resource: net::ERR_FILE_NOT_FOUND 项目打开白屏
1. src 同级的 vue.config.js 中设置vue 没有就新建一个// vue.config.jsmodule.exports = { publicPath: './'}2.修改为 hash 路径router 下 index.ts文件中 引入createWebHashHistory将createWebHistory 替换为createWebHashHistory修改后为:import { createRouter, createWe...原创 2021-09-10 14:44:35 · 340 阅读 · 0 评论 -
推送已有项目到Code China
Git 全局设置git config --global user.name "小飞飞¹²³"git config --global user.email "2237928292@qq.com"创建一个新仓库git clone https://codechina.youkuaiyun.com/qq_44977477/icw.gitcd icwtouch README.mdgit add README.mdgit commit -m "add README"git push -u origin原创 2021-09-09 00:23:57 · 125 阅读 · 0 评论 -
VScode Ctrl+C报: Cannot read property ‘start‘ of undefined
使用CScode编写Vue时报错:vscode ctrl Cannot read property 'start' of undefined解决: 卸载css peek重新运行原创 2021-08-26 23:14:10 · 346 阅读 · 0 评论 -
Vue To install it, you can run - - -
Vue 启动报错 To install it, you can run检查下你的页面名称有没有写错原创 2021-07-23 17:49:38 · 318 阅读 · 0 评论 -
vue创建项目:无法加载文件 C:\xxx\xxxx\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本
按windows按钮,搜索powershell,以管理员的身份运行命令行 输入 : set-ExecutionPolicy RemoteSigned原创 2021-07-14 19:34:24 · 159 阅读 · 0 评论 -
_this2.$xxxis not a function
报错:_this2.$xxxxxis not a function handleDelete: (api) => { this.$message("这是一条消息提示"); },修改为:handleDelete: function () { this.$message("这是一条消息提示"); },原创 2021-03-01 01:20:27 · 1971 阅读 · 0 评论 -
Vue 标签不自动换行 且 保存自动整理 JS格式化但不换行设置
Vue 标签不自动换行 且 保存自动整理 JS格式化但不换行设置原创 2021-02-19 14:33:16 · 2625 阅读 · 4 评论 -
vue代理解决跨域
vue设置代理跨域通过伪造请求使得http请求为同源的,然后将同源的请求发送到反向代理服务器上,由反向代理服务器去请求真正的url,这样就绕过直接请求真正的url导致跨域问题在config下新建proxyConfig.js 文件module.exports = { proxy: { '/apis': { //将www.exaple.com印射为/apis target: 'http://49.232.194.102:1024', // 接口域名原创 2020-07-27 13:33:54 · 303 阅读 · 0 评论 -
express环境里运行vue项目
安装express本地服务器npm install -g express-generator创建本地服务器express myapp// myapp 是我们项目文件夹名进入项目 安装依赖 cd ./xxxnpm i然后打开我们的本地服务器文件夹,找到public文件夹,将我们vue打包好的dist文件夹内的index等两个文件复制粘贴到此然后启动项目 npm start浏览器打开本地3000端口,即可查看...原创 2020-06-16 09:48:29 · 730 阅读 · 0 评论 -
Vue路由懒加载(两种写法)
懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,延时过长,不利于用户体验,而运用懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用时。 routes: [ { path: '/', name: 'HelloWorld', component: () => import('@/page/Vue原创 2020-09-10 22:40:06 · 402 阅读 · 0 评论 -
vue 基本操作流程
Vue1、必须安装node.js,安装git(这个可以不用,不过习惯了)2、安装webpack·npm install -g webpack3、使用淘宝镜像(用cnpm命令代替npm,这个也可以不用安装,只是使用npm安装依赖包是会慢那么一点):npm install -g cnpm --registry=https://registry.npm.taobao.org4、安装vue的脚手架工具 npm install -g vue-cli5、创建项目:vue init webpack vue原创 2020-06-26 23:53:15 · 862 阅读 · 0 评论 -
uniapp 自定义返回逻辑
在使用uniapp返回键的时候我们发现,返回键的逻辑是根据历史记录返回上一页面办他onBackPress() { uni.navigateTo({ url: "../home", }); return true },返回true,执行自定义逻辑,反之希望对你有所帮助...原创 2020-03-19 13:59:08 · 1316 阅读 · 0 评论 -
UNAPP web-view 无法缩放(已解决)
我在uniapp项目中使用web-view引入HTML页面进行交互传值,测试时遇到了安卓手机无法缩放的问题。参考了官网,解决方法:代码贴在最后var wv;//计划创建的webviewonReady() { // #ifdef APP-PLUS var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的web...原创 2020-03-19 13:47:07 · 3425 阅读 · 1 评论 -
有关vue element 表格错位问题解决方法
如图所示&&在您的初始文件(入口文件)内加上以下代码即可body .el-table th.gutter { display: table-cell !important; } body .el-table colgroup.gutter { display: table-cell !important; }...原创 2020-01-07 17:37:19 · 1266 阅读 · 0 评论 -
关于vue安装Element失败解决方案
前几天写后台管理需要饿了么-Element,但是安装总是失败,后来找到了一个解决方案,各位可以参考一下前戏直接过,说重点解决方案:1.在项目路径下启动小蓝本(小黑本)安装 element-ui ,运行命令。cnpm install element-ui -sok,如果此时安装成功,我们来到下一步2.运行命令cnpm install3.启动项目cnpm run dev ...原创 2019-11-09 10:39:16 · 3912 阅读 · 1 评论