前端
文章平均质量分 85
trigger333
When you work, work. When you laugh, laugh.
展开
-
Vue 总结四 (ref, mixin, 插件, 插槽, VueX)
Vue 总结四 (ref, mixin, 插件, 插槽, VueX) 和id的区别对于传统标签来说没有区别 都拿到的是 html内容对于自定义的vue 的标签 ,ref拿到的是vue实例对象,而id 拿到的依然是 html内容应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc)使用方式:1. 打标识:```.....``` 或原创 2023-01-11 18:17:47 · 564 阅读 · 0 评论 -
Vue实现路由(Vue-router,参数传递,编程式路由导航)
当点击上面的 router-link 标签时,router-view标签 所在的位置就会被替换为 A.vue。A组件普通的路由导航需要借助 router-link 标签,也可以用函数来描述路由跳转的逻辑。push在切换vue的时候不会覆盖掉之前的切换记录,之后可以回退到之前的Vue。-- Vue中借助router-link标签实现路由的切换 -->在跳转后的vue中可以通过下面的表达式取出传递的参数。原创 2023-01-10 21:10:29 · 750 阅读 · 0 评论 -
Element UI 走马灯的使用
一旦图片手动或者自动切换,就会执行methods中的carouselChange函数:原创 2023-01-05 16:30:00 · 7639 阅读 · 0 评论 -
Vue 使用过程中的问题总结(npm Nodejs Vue Vue-cli)
vue是一套渐进式,自底向上增量开发(就是根据系统和硬件编写出基层的基本需求代码,再慢慢增加模块),由于他要求遵守的规则较少,你可以引不同自己需要的东西,就需要配合。webpack是一个工具,俗称打包工具,就是把所以浏览器不能识别的东西如(less,scss)等转换为浏览器可以识别的语言如(css),因为vue中需要引入。、gradle十分相似,只不过maven、gradle是用来管理java jar包的,而npm是用来管理js的。原创 2023-01-03 16:09:54 · 381 阅读 · 0 评论 -
Vue 总结二 (过滤器 自定义指令 生命周期)
局部指令只能是vue实例绑定的元素使用,而全局指令所有的元素都能使用。(1).局部指令:directives:{指令名:配置对象} 或 directives{指令名:回调函数}(2).全局指令:Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数)原创 2023-01-01 11:55:08 · 893 阅读 · 1 评论 -
Vue 总结一(简介 基本语法)
2.v-model:value 可以简写为 v-model,因为v-model默认收集的就是value值。举例:v-bind:href="xxx" 或 简写为 :href="xxx",xxx同样要写js表达式,注意:v-if可以和:v-else-if、v-else一起使用,但要求结构不能被“打断”。3.备注:使用v-if的时,元素可能无法获取到,而使用v-show一定可以获取到。(1).初次读取时会执行一次。双向数据绑定:原创 2022-12-31 17:09:42 · 782 阅读 · 0 评论 -
JS概览 (JS基础 DOM BOM)
JS概览 (JS基础 DOM BOM) JS 作用域 预解析 DOM事件流 文档模型 BOM相关事件 JS执行机制 事件循环原创 2022-12-30 22:05:57 · 893 阅读 · 0 评论 -
JS实现轮播图效果(同时播放音频)
目标:切换到对应的角色就播放相应的音频。页面间隔固定时间会切换到下一图片,同时播放对应的音频,比如角色A 对应 音频1 等。图片左右两侧有控件用来切换图片,也就是两个单击事件和一个定时器。原创 2022-12-27 20:19:18 · 806 阅读 · 0 评论