摘要：
4 声明式导航、编程式导航 location.href属于js，不是vue特有的 4-1 vue-router中的编程式导航API 4-2 API#1: $router.push 4-3 API#2: $router.replace 4-4 API#3: $router.go 4-5 $router 阅读全文
posted @ 2021-11-28 18:03
yub4by
阅读(56)
评论(0)
推荐(0)
摘要：
1 路由重定向 2 嵌套路由 2-1 声明子路由链接和子路由占位符 2-2 通过children属性声明子路由规则 2-3 默认子路由 3 动态路由 3-1 动态路由匹配 1、2、3表示电影的id 3-2 动态路由的概念 3-3 $router.params参数对象 3-4 使用props接收路由数 阅读全文
posted @ 2021-11-27 10:01
yub4by
阅读(72)
评论(0)
推荐(0)
摘要：
1 什么是vue-router https://router.vuejs.org/zh/ 2 vue-router安装和配置的步骤 2-1 在项目中安装vue-router 项目运行中，新建终端进行安装即可，不需非要暂停正在运行的项目 -S 等价于 --save 将目标包安装到dependencie 阅读全文
posted @ 2021-11-26 21:19
yub4by
阅读(55)
评论(0)
推荐(0)
摘要：
1 初始项目 npm i 或 npm install npm audit fix npm run serve 2 路由 & 前端路由 & 哈希地址/锚链接 在单页面项目中，url地址与页面上组件之间的对应关系 hash地址即url中的锚链接（#） 锚链接虽然不会导致页面刷新，但会在浏览器中产生历史记 阅读全文
posted @ 2021-11-26 11:44
yub4by
阅读(45)
评论(0)
推荐(0)
摘要：
1 初始项目 + demo-3-eslint项目 App.vue清空，使用<回车创建一个基本的空vue模板结构 components下的Helloworld.vue删除；创建Right.vue和Left.vue <template> <div> <h1>App根组件</h1> <hr /> <div 阅读全文
posted @ 2021-11-26 10:19
yub4by
阅读(48)
评论(0)
推荐(0)
摘要：
1 eslint官网 https://eslint.bootcss.com/ 2 vscode中tab设置 老师建议tab都改成2，因为前端代码tab为4的话，代码往后缩的很快，不美观 3 利用vue-cli创建初始项目 4 了解eslint配置文件中的rules规则 5 js调试：浏览器Sourc 阅读全文
posted @ 2021-11-25 13:41
yub4by
阅读(53)
评论(0)
推荐(0)
摘要：
1 自定义指令的概念 2 私有自定义指令 & 使用自定义指令 3 为自定义指令动态绑定参数 & 通过binding.value获取所绑定值 4 update函数 原因：点击按钮并不会触发bind函数 解决： 5 函数简写 从4 update函数这一小节可以看出，bind()和update()内容一致 阅读全文
posted @ 2021-11-24 17:38
yub4by
阅读(57)
评论(0)
推荐(0)
摘要：
1、初始项目 npm i npm audit fix 2 案例需求 >> 之前的案例中孙子组件Counter通过EventBus向外层App组件传值，有点绕 现在期望利用插槽来进行改进 3 初步实现 4 进一步实现 5 最终实现 6 源码 “开天窗”，直接孙子组件与外层组件进行数据传递 :num=" 阅读全文
posted @ 2021-11-24 16:19
yub4by
阅读(85)
评论(0)
推荐(0)
摘要：
1 初始项目 同HMVue6.1 npm install 或者 npm i 也行 npm audit fix 2 什么是插槽 3 插槽的基础用法 3 v-slot指令(简写#) 4 插槽的后备内容 5 具名插槽 5-1 课件 5-2 vant库插槽例子 具名插槽：自定义名字的插槽 匿名插槽：不带自定 阅读全文
posted @ 2021-11-24 11:20
yub4by
阅读(43)
评论(0)
推荐(0)
摘要：
1 初始项目 npm install npm audit fix <template> <div class="app-container"> <h1>App 根组件</h1> <hr> <div class="box"> <!-- 渲染 Left 组件和 Right 组件 --> </div> < 阅读全文
posted @ 2021-11-24 09:00
yub4by
阅读(53)
评论(0)
推荐(0)
浙公网安备 33010602011771号