Vue.js
关注
分享
扫一扫
文章平均质量分 66
福州司马懿
大家如果觉得文章有帮助，给我个关注。谢谢大家 (+_+)，失业了球介绍工作
展开
-
使用Vue实现 “轮播图” 组件
通过使用Vue的特性，我们可以很方便地实现一个轮播图组件。我们利用了生命周期钩子、数据绑定和计算属性等功能，使得轮播图的切换和渲染变得简单而灵活。希望本篇博客能对你理解Vue实现轮播图组件有所帮助！如果你有任何问题或疑问，欢迎提出。原创 2023-05-29 22:28:25 · 2818 阅读 · 0 评论 -
vue-cli4.5 创建项目
升级最新的 vue-clinpm uninstall -g vue-clinpm install -g @vue/cli创建项目命令行创建vue create <项目名称>目前可以选择是基于 Vue2 还是 Vue3 的项目图形界面方式创建vue ui项目目录创建的Vue3d的项目目录基本与Vue2类似...原创 2021-02-16 16:52:36 · 1369 阅读 · 2 评论 -
vue 路由、嵌套路由、动态路由
简介路由就是一套映射规则，当url中的哈希值（#hash）改变时，路由会根据制定好的规则，展示对应的视图组件。vue中的路由路径分为：相对路径（不带 ‘/’，会拼接父级路由）和 绝对路径（带 ‘/’，是完整的路由）代码添加组件在 components 目录下构造 3 个 vue视图组件One.vueTwo.vueThree.vue第三个组件与 HelloWorld 同级，而前两个组件为 HelloWorld 的子路由src/components/One.vue<templat原创 2021-02-15 14:26:10 · 1522 阅读 · 0 评论 -
vue SEO的解决方案
介绍什么是 SEOSEO（Search Engine Optimization）搜索引擎优化，是指通过对网站进行站内优化和修复（网站Web结构调整、网站内容建设、网站代码优化和编码等）和站外优化，从而提高网站的关键词排名以及公司产品的曝光度。搜索引擎的原理搜索引擎，又称爬虫或者蜘蛛，它在爬取和分析页面内容时，主要进行如下操作：从 meta 标签中读取 keywords、description 的内容根据语义化的html标签爬取和分析内容（h1-h6、strong、em等标签具有不同程度的强调意原创 2021-02-15 10:58:52 · 9757 阅读 · 12 评论 -
vue mock 模拟后端api接口
模拟ajax响应对于ajax请求，使用mockjsnpm install mockjs --save模拟fetch响应由于mockjs无法模拟fetch请求，因此需要 额外引入 mockjs-fetch插件npm install mockjs-fetch --save原创 2021-02-15 00:33:35 · 1895 阅读 · 1 评论 -
vue-i18n实现国际化
需求如果项目需要国际化，即点击按钮切换 中/英文。那么就需要引入 vue-i18n 插件安装首先创建项目vue init webpack <项目名>然后安装 i18n 插件npm install vue-i18n --save创建语言包src/common/lang/en.jsexport const lang = { welcome: 'Welcome to Your Vue.js App', essential_links: 'Essential Links',原创 2021-02-11 19:36:46 · 1173 阅读 · 0 评论 -
vue 调试工具 vue-devtools
工欲善其事, 必先利其器。今天碰到一个莫名其妙的问题，从 chrome 打印出来的日志来看，毫无头绪，遂只能寻求专业工具 vue-devtools 的帮助了。首先下载该工具源码 https://github.com/vuejs/vue-devtools解压并进入 vue-devtools 目录下，安装依赖包cd vue-devtoolscnpm install修改 vue-devt...原创 2019-03-09 22:42:08 · 986 阅读 · 0 评论 -
Javascript 中 ajax 和 axios、fetch 的区别
首先介绍一下 BootCDNBootCDN 是 Bootstrap 中文网支持并维护的前端开源项目免费 CDN 服务，致力于为 Bootstrap、jQuery、Angular、Vuejs 一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。BootCDN 所收录的开源项目主要同步于 cdnjs 仓库。后续要用到的 JS 插件的CDN地址均可以从该网站找到。ajaxAJAX = ...原创 2019-02-13 14:25:01 · 1683 阅读 · 0 评论 -
JavaScript URLSearchParams
URLSearchParams API用于处理URL之中的查询字符串，即问号之后的部分。没有部署这个API的浏览器，可以用url-search-params这个垫片库。原创 2018-12-07 16:52:23 · 2590 阅读 · 0 评论 -
JavaScript 自制可以替换属性的模板引擎（Template）
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html&amp;amp;amp;gt;&amp;amp;amp;lt;head&amp;amp;amp;gt;&amp;amp;amp;lt;meta charset=&amp;amp;quot;utf8&amp;amp;quo原创 2018-12-18 12:43:40 · 1667 阅读 · 0 评论 -
JavaScript hash 与 history 实现客户端路由的原理
window.history 对象在编写时可不使用 window 这个前缀。history.back() 加载历史列表中的上一个 URL，与浏览器点击后退按钮作用相同。等价于history.go(-1)。history.forward() 加载历史列表中的下一个 URL，与浏览器点击向前按钮作用相同。等价于history.go(-1)。history.go(int n) 加载历史列表中原创 2016-12-15 11:56:09 · 1461 阅读 · 0 评论 -
Vue 监听 window.resize
<!doctype html><html lang="en"><head> <meta charset="utf-8"/> <title>Vue中绑定全局事件onresize</title> <meta name="viewport" con原创 2018-04-08 15:27:37 · 3027 阅读 · 0 评论