Vue.js
文章平均质量分 59
vue知识
zicl
"yangzichen#top".replace("#",".");
展开
-
vuepress - - - 首页底部版权信息加a标签超链接跳转或备案信息跳转链接
使用a标签跳转,不会显示右侧的图标。第一个Zichen是a标签,第二个Zichen是md文件的超链接格式。点导航栏中的“指南”,移到最底部点击“在GitHub上编辑此页”。打开自己的项目,\docs\README.md文件,在最后粘贴上面的代码。点击这个index.md文件,看到底部有版权信息和超链接跳转文字。把这个guide目录收缩起来,找这个docs文件夹下的首页文件。点击Code,查看代码,这样子写就可以在底部添加超链接跳转。默认的底部版权信息只能填写纯文本,加不了超链接跳转等。跳转会打开新的网页。原创 2023-07-12 22:59:10 · 1527 阅读 · 9 评论 -
vue - - - vuepress文档网站部署github
后面参考官方文档, 配置导航栏, 配置侧边栏, 最后更新时间, 等等一些配置后, 就可以生成和vuepress一样的文档了.(默认主题)配置导航栏, 侧边栏, 首页. 也可以用别人开发的主题(我使用默认配置).内容为/vuepress/, 则打算发布到 https://同步失败的话, 可以使用命令提示符窗口执行, 查看错误.随后, 写md文件后, 保存后, 需要同步的时候执行。文件, 新建文本文档, 再修改名称为。, 访问主页, 查看页眉和搜索框.修改README.md文件的。刷新页面, 查看上传的文件。原创 2022-10-17 20:25:13 · 1694 阅读 · 3 评论 -
Vue 创建一个前端项目
安装方式一安装node安装node会自动安装node和npm:包管理工具。下载地址(.msi文件):https://nodejs.org/en/download/安装脚手架vue cli脚手架可以简化webpack配置,脚手架依赖node和webpack,安装脚手架3版本npm install -g @vue/cli创建项目拉取脚手架2模板npm install @vue/cli-init -g创建脚手架2项目vue init webpack 项目文件夹名或者创建脚手架3项目v原创 2022-06-19 13:59:18 · 266 阅读 · 0 评论 -
export ,export default 和 import 区别
链接:export ,export default 和 import 区别转载 2021-09-17 16:09:28 · 78 阅读 · 0 评论 -
Vue - - - 全局注册组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>全局注册组件</title> <script type="text/javascript" src="./原创 2020-11-30 16:00:28 · 107 阅读 · 0 评论 -
Vue - - - 组件详解
1.组件与复用组件与创建Vue实例的方法类似,需要注册后才可以使用。1.1 全局注册组件template 的 DOM 结构必须被一个元素包含,如果直接写成 “这里是组件的内容”,不带 “” 是无法渲染的。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi原创 2020-11-26 17:40:44 · 110 阅读 · 1 评论 -
Vue - - - 表单与v-model
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do原创 2020-11-20 14:13:45 · 256 阅读 · 0 评论 -
Vue - - - v-bind及class与style绑定
绑定数组的用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <tit原创 2020-11-04 19:22:54 · 103 阅读 · 0 评论 -
Vue指令与事件
1.指令<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&原创 2020-10-30 23:15:06 · 164 阅读 · 0 评论