调试方法——控制台在vue文件中添加下方代码，将vue实例绑定到window的vue属性上mount
原创
2022-07-12 16:11:48
159阅读
window.VUE_ROUTER
全局 VueRouter 实例
转载
2021-05-08 12:01:00
334阅读
路由：路由就是url到函数的映射 后端渲染：网页通常是通过后端路由直出给客户端浏览器的。也就是网页的html一般是在后端服务器里通过模板引擎渲染好再交给前端的。比较原始，比如python的django的MVT结构，通过url，匹配view里的函数，通过函数去渲染templates里边的html 前端渲染：一个原则就是，在所有后端路由规则的最后，配置一个规则，如果前面其他路由规则
转载
2024-10-26 18:48:36
13阅读
文章目录1、vue项目的配置2、nginx的下载和配置3、服务器node后端服务和nginx代理开启 1、vue项目的配置 对于vue/cli3.x及以上版本的vue项目，其缺少配置文件，需要自己手动添加，在 该文章 中有部分说明，主要应对请求跨域的问题。对此根目录下新建vue.config.js：module.exports={
devServer: {
proxy: {
转载
2024-10-22 13:39:05
63阅读
# 通过 Window 调用 Android 方法的 Vue 实现
在现代 Web 开发中，Vue.js 是一个非常流行的前端框架，它可以帮助开发者高效地构建用户界面。随着移动互联网的发展，很多 Web 应用需要与智能手机的原生功能进行交互，特别是在 Android 系统上。在这篇文章中，我们将探讨如何通过‘window’对象在 Vue 应用中调用 Android 的原生方法，并提供完整的代码示
原创
2024-09-26 06:02:24
126阅读
1、安装node.js官网历史版本下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。2、设置nodejs prefix（全局）和cache（缓存）路径2.1、在nodejs安装路径下，新建node_global和node_cache两个文件夹2.2、设置缓存文件夹npm config set cache "{node安装目录}\node_cache"设置全局模块存放路径npm conf
转载
2023-05-26 14:03:51
185阅读
Vue 目录结构可以在 github 上通过这款 Chrome 插件 octotree 查看Vue的文件目录。也可以克隆到本地。。Vue 是如何规划目录的scripts ------------- 构建相关文件
git-hooks.js ----- 存放 git 钩子
alias.js ----- 别名配置文件
config.js ------ 生成 rollup 配置
build.js
windows平台上通过Nginx部署Vue项目公司项目使用 ruoyi_cloud 微服务快速平台开发，前端用的是 ant design vue 今天临时需要部署前端，同事忙不过来，我就操刀上了；做为一个以前仅仅在 Linux 上简单玩过 Nginx 的小白，刚开始还是比较懵逼的，公司这次部署是在windows平台上，网上一顿查资料，也算是完成任务了，其实挺简单的；遂简单记录下，以备以后查阅，也
前言:学习了一周的CICD,踩了很多坑,都是泪,特此记录一下整个过程,本次项目产出效果是,git push的时候自动化直接部署到服务器上,一下是整个大致流程: 1.本地代码push到gitlab 2.gitlab通过webhook通知到jenkins 3.jenkins拉取gitlab仓库代码,并执行shell脚本 4.shell脚本执行docker命令,打包项目 5.安装n
转载
2024-06-06 21:47:25
479阅读
有个小坑记录下，想要移除window的addEventListener，需要把后w.removeEventListener('scroll...
转载
2022-03-29 15:18:26
831阅读
有个小坑记录下，想要移除window的addEventListener，需要把后面的function挂在到this上，removeEventListener 和 addEventListener 中对应的参数要一致。 beforeDestroy() { //在组件生命周期结束的时候销毁。 window.removeEventListener('scroll...
转载
2021-06-30 16:15:29
1027阅读
# 如何在Window Docker Desktop部署前端Vue项目
## 1. 介绍
作为一名经验丰富的开发者，我将会教你如何在Window Docker Desktop中部署前端Vue项目。在这个过程中，你将学会如何使用Docker来构建和运行Vue项目。
## 2. 流程
下面是整个部署过程的步骤：
| 步骤 | 描述 |
|------|------|
| 1 | 安装Docker
原创
2024-04-04 06:32:52
136阅读
在 Vue 模板中直接访问 window 对象的原因并不直接是因为 Vue 限制了 window 的访问，而是因为 Vue 的模板语法是基于 数据绑定 和 响应式渲染 设计的，主要依赖于 Vue 的 模板编译器 来进行处理。1. Vue 模板的限制Vue 模板是为了声明式渲染设计的，旨在通过绑定数据来动态更新视图。模板语法并不是为了执行任意 JavaScript 逻辑设计的，而是关注数据
代码】[vue]窗口缩放window.addEventListener('resize',
原创
2022-12-21 10:17:51
719阅读
一、django模板变量和vue冲突解决 {{ }}如果不可避免的在同一个页面里既有 django 渲染又有 vue 渲染的部分，可有 2 种方式解决方法一：采用 vue 的 delimiters 分隔符。new Vue({
delimiters: ["{[", "]}"] // 可自定义符号
})方法二：建议把 vue 的部分用 {% verbatim %} 包起来。我这里使用这种方法见文档
我们把一个多人协作的vue前端项目发布服务器，一般要经过以下步骤： git更新最新的代码 构建项目 把构建后的代码上传到服务器 如果用jenkins来构建的话，只需要点击一次构建按钮，就可以自动完成以上的步骤了，而且根据需求,可以实现更多的功能。 1.下载安装jenkin 1.1 java环境 je ...
转载
2021-09-25 02:04:00
675阅读
2评论
动态路由：我们经常需要把某种模式匹配道德所有路由，全都映射到同一个组件。例如我们有一个user组件，对于所有id不同的用户又要使用这个组件来渲染。一个路径参数使用冒号标记动态路由使用方法：```jsconst router =new VueRouter({
routes:[
{path:'/user/:id/:name/:age',component:user}
]
})```创建vue：
转载
2023-06-16 15:34:08
120阅读
# Vue.js中新增路由的实现步骤
首先，我们需要了解Vue.js和Vue Router的基本概念。Vue.js是一套用于构建用户界面的渐进式JavaScript框架，而Vue Router是Vue.js官方提供的路由管理器。Vue Router可以帮助我们实现单页面应用（SPA）中的路由功能。
接下来，我们将一步步教你如何在Vue.js中新增路由。下面是整个实现过程的步骤汇总：
步骤 |
原创
2023-07-20 21:50:15
43阅读
初级处理办法（没啥用）window.addEventListener("resize", () => {
setTimeout(() => {
// 需要执行的代码块
},500)
});只是在里面套了个 setTimeout 这样的结果只是减少了图片闪的频率，但是还是会闪常规处理办法（防抖）【1.】先写一个 debounce 防抖函数debounce(
Error while initializing app DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method. at Object.We [as appendChild]起因是： 1、封装了一个自定义loading组件，在组件内部使用v-show="
转载
2023-05-27 11:22:36
135阅读
