Vue
vue前端
°Fuhb
要比别人得到更多,就要付出比别人更多的努力
展开
-
问题排查:vue项目刷新页面加载了500多个请求?
问题背景某项目上线后,打开登录页加载了500多个请求,包含了js、css、png等等。因为项目部署在第三方云平台,直接被当做恶意攻击,把IP封掉了如下图:问题分析Webpack 内置了 prefetch 预加载插件,会告诉浏览器在页面加载完成后,利用空闲时间加载用户未来可能用到的内容。只要关闭 prefetch 插件,就能实现只加载当前页面用到的脚本。解决方案在 vue.config.js 添加这行代码: chainWebpack: config => { co原创 2021-09-08 11:28:10 · 1426 阅读 · 3 评论 -
vue教程4:自定义组件的使用
概述vue组件是一个可复用的原创 2020-09-15 15:52:42 · 1273 阅读 · 0 评论 -
vue教程3:vue常用指令
v-text作用:渲染文本到标签上,跟JQuery的text()方法类似直接上例子:<script> var app = new Vue({ el: "#app", data:{ name:"张三先生", age: 30 } });</script><div id="app"> <h4>{{name}}</h4>原创 2020-09-13 15:06:39 · 1117 阅读 · 0 评论 -
vue教程2:vue基础
el挂载点el用来设置vue实例作用范围的元素通常使用id选择器,例如el: “#app”。另外,还支持class、css等其他选择器,不过一般建议使用id选择器不能挂载到html、body标签上data数据对象vue中用到的数据定义在data对象中(json对象)data支持嵌入字符串、json子对象、数组<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><scrip原创 2020-09-13 10:53:23 · 963 阅读 · 0 评论 -
vue教程1:第一个页面HelloVue快速搭建
环境准备VSCode开发工具新建第一个页面打开VSCode,点击File -> New File新建了个空白文件,保存为HelloVue.html然后在刚才新建的页面,先输入感叹号"!",再按下TAB键,就会自动生成HTML代码编写HTML代码<div id="app"> {{ message }}</div>编写JS代码<!-- 开发环境版本,包含了有帮助的命令行警告 --><script src="https://cd原创 2020-09-13 09:21:38 · 1781 阅读 · 0 评论