ljw1412的博客

引言：什么是函数式组件没有管理任何状态，也没有监听任何传递给它的状态，也没有生命周期方法。实际上，它只是一个接受一些 prop 的函数。在这样的场景下，我们可以将组件标记为 functional，这意味它无状态 (没有响应式数据)，也没有实例 (没有 this 上下文)。一个函数式组件就像这样：Vue.component('my-component', { functional: true, // Props 是可选的 props: { // ... }, // 为了弥补缺

第一步：引入包1. npm引入npm install moment 配置vue.config.jsconst webpack = require('webpack')module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ mom...

<template> <div ref="wrapper" class="scrollbar-view-wrapper" @mousewheel="onMousewheel" @touchstart=" handleTouchstart"> <div ref="content" class="scrollbar-...

重要此方法仅用于 Vue-CLI 3 (vue create my-app) 创建的项目，不适用Vue-CLI 2 (vue init webpack my-app)!如果想使用 Vue-CLI 2 ，可以参考electron-vue1. 使用Vue CLI3 创建项目("my-project" 改为自己想要取是项目名称)vue create my-project...

效果图依赖1. 使用 element-ui 中的 icon (可自行修改)2. file-saver.js功能支持拖拽、放大缩小、上一张、下一张、点击百分比复位。代码file.js:import FileSaver from 'file-saver'export function download(url, name) { const...

前置步骤：添加依赖yarnaddsvg-sprite-loader-D[可选] yarn add svgo svgo-loader -D依赖说明：svg-sprite-loadersprites 会被自动渲染和注入页面，您只需通过 <svg><use xlink:href="#id"></use></svg>工作...

前置步骤：使用 vue-cli 3 创建项目。1. 删除 public 文件夹2. 清空 src 文件夹3. 在 src 中创建入口文件 main.js4. 在 src 中创建组件文件夹 components得到以下结构第一步：在 src/components 中 创建组件（以简单的TButton 按钮组件为例）<template> <...

最近写了一个下拉组件，希望任意形式的触发源点击都可以展开这个组件。最终效果图如下：方案一：slot-scope 传方法<!-- 伪代码:下拉框组件 --><template> <slot change-display="changeDisplay"></slot> <div v-show="mVisiabl...