提供了编程的基础技术教程

zl程序教程

Vue.js说说组件

  • 自定义事件在 Vue.js 组件中的应用

    自定义事件在 Vue.js 组件中的应用

    Vue.js 组件的自定义事件可以让子组件向父组件传递数据，非常方便实用。在使用自定义事件时，我们可以使用 v-on 来绑定事件，每个 Vue 实例都实现了事件接口，即使用 $on(eventName) 监听事件和使用 $emit(eventName) 触发事件。此外，在父组件中，我们可以使用 v-on 来监听子组件触发的事件。下面是一个示例，子组件和它外部完全解耦，只需要触发一个父组件关心的内部

    日期 2023-06-12 10:48:40     
  • vue.js 路由参数传给组件详解编程语言

    vue.js 路由参数传给组件详解编程语言

    vue.js中路由传参、获取参数是个常见问题，通常我们会在组件中通过路由获取参数 div {$route.params.id}} /div 这样就将路由与组件耦合了，组件依赖路由，无法单独测试，为了解耦可将路由参数当作props传给组件。 params时的解耦方式 我们都知道，路由传参有两种方式，params和query。先看params如何当作props传入组

    日期 2023-06-12 10:48:40     
  • 使用Vue2+webpack+Es6快速开发一个移动端项目，封装属于自己的jsonpAPI和手势响应式组件

    使用Vue2+webpack+Es6快速开发一个移动端项目，封装属于自己的jsonpAPI和手势响应式组件

    导语 最近看到不少使用vue制作的音乐播放器，挺好玩的，本来工作中也经常使用Vue，一起交流学习，好的话点个star哦 本项目特点如下 ： 1. 原生js封装自己的跨域请求函数，支持promise调用，支持错误处理 2. 制作一些复用性强的vue组件，如轮播图组件，支持手势滑动，无限循环，图片按需加载 3. 清晰明了的项目目录 项目仓库地址 项

    日期 2023-06-12 10:48:40     
  • VueJS简明教程(二)之组件

    VueJS简明教程(二)之组件

    景行_白色极限关注 32018.07.19 21:30:43字数 1,570阅读 11,465 上一篇：VueJS简明教程(一)之基本使用方法 组件(Component)是Vue最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用is特性进行了扩展的原生HTML元素。所有的V

    日期 2023-06-12 10:48:40     
  • Vue.js 组件编码规范

    Vue.js 组件编码规范

    本规范提供了一种统一的编码规范来编写 Vue.js 代码。这使得代码具有如下的特性： 其它开发者或是团队成员更容易阅读和理解。 IDEs 更容易理解代码，从而提供高亮、格式化等辅助功能 更容易使用现有的工具 更容易实现缓存以及代码包的分拆 基于模块开发 始终基于模块的方式来构建你的 app，每一个子模块只做一件事情。 Vue.js 的设计初衷就是帮助开发者更好的开发界面模

    日期 2023-06-12 10:48:40     
  • 打造 Vue.js 可复用组件

    打造 Vue.js 可复用组件

    Vue.js 是一套构建用户界面的渐进式框架。我们可以使用简单的 API 来实现响应式的数据绑定和组合的视图组件。 从维护视图到维护数据，Vue.js 让我们快速地开发应用。但随着业务代码日益庞大，组件也越来越多，组件逻辑耦合严重，使代码维护变得十分困难。 同时，Vue.js 的接口和语法十分自由，实现同一功能有若干种方法。每个人解决问题的思路不一样，写出来的代码也就不一样，缺乏团队内的规范。

    日期 2023-06-12 10:48:40     
  • vuejs单文件组件：安装 webpack 和 vue-cli

    vuejs单文件组件：安装 webpack 和 vue-cli

    安装 npm npm 全称为 Node Package Manager，是一个基于Node.js的包管理器，也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。 npm -v

    日期 2023-06-12 10:48:40     
  • 声纹可视化工具：wavesurfer.js---在Vue中使用音频声纹可视化插件wavesurfer.js【已封装成组件有完整demo实例附完整代码】

    声纹可视化工具：wavesurfer.js---在Vue中使用音频声纹可视化插件wavesurfer.js【已封装成组件有完整demo实例附完整代码】

    效果图： 完整代码在最后。 使用方法： 1、第一步：使用以下命令安装wavesurfer.js插件库 npm install wavesurfer.js --save 2、第二步：在需要使用的页面import导入wavesurfer.js和其中的时间轴timeline插件 import

    日期 2023-06-12 10:48:40     
  • Vue.js 组件(component)demo小案例

    Vue.js 组件(component)demo小案例

      <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <link rel="

    日期 2023-06-12 10:48:40     
  • Vue、Vuejs从入门到精通 | 组件化开发

    Vue、Vuejs从入门到精通 | 组件化开发

    学习视频来源：B站《Vue、Vuejs从入门到精通》 个人在视频学习过程中也同步完成课堂练习等，现将授课材料与个人笔记分享出来。 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

    日期 2023-06-12 10:48:40     
  • [转] vuejs组件通信精髓归纳

    [转] vuejs组件通信精髓归纳

    组件的分类 常规页面组件，由 vue-router 产生的每个页面，它本质上也是一个组件（.vue），主要承载当前页面的 HTML 结构，会包含数据获取、数据整理、数据可视化等常规业务。 功能性抽象组件，不包含业务，独立、具体功能的基础组件，比如日期选择器、弹窗警告等。这类组件作为项目的基础控件，会被大量使用，因此组件的 API 进行过高强度的抽象，可以通过不同配置实现不同的功能。 业务组件，

    日期 2023-06-12 10:48:40     
  • 如何理解vue.js组件的作用域是独立的

    如何理解vue.js组件的作用域是独立的

    vue.js组件的作用域是独立，可以从以下三个方面理解： 1、父组件模板在父组件作用域内编译，父组件模板的数据用父组件内data数据；2、子组件模板在子组件作用域内编译，子组件模板的数据用子组件内data数据，如果要用父组件的必须用props传递；3、子组件标签的数据，使用父组件内的data数据 案例代码： 1 2 3 4 5 6 7 8 9 <div id="d

    日期 2023-06-12 10:48:40     
  • vue.js相关UI组件收集

    vue.js相关UI组件收集

    内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 ###UI组件 element ★9689 - 饿了么出品的Vue2的web UI工具套件 Vux ★6927 - 基于Vue和WeUI的组件库 mint-ui ★4870 - Vue 2的移动UI元素 iview ★4782 - 基于 Vuejs 的开源 UI 组件库 Ke

    日期 2023-06-12 10:48:40