腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

高端IT

专栏作者

412

文章

245170

阅读量

21

订阅数

一篇文章带你使用Typescript封装一个Vue组件

typescript vue.js

这里使用了vue CLI3自定义选择的服务，我选择了ts、stylus等工具。然后创建完项目之后，进入项目。使用快捷命令code .进入Vs code编辑器(如果没有code .，需要将编辑器的bin文件目录地址放到环境变量的path中)。然后，我进入编辑器之后，进入设置工作区，随便设置一个参数，这里比如推荐设置字号，点下。这里是为了生成.vscode文件夹，里面有个json文件。

2022-06-24

5920

npm发布包以及更新包还有需要注意的几点问题（这里以发布vue插件为例）

在此之前，你需要去npm官网注册一个属于自己的账号，记住自己的账户名以及密码、邮箱，后面会用的到。第一步，安装webpack简易框架

2022-06-23

4920

知道vue组件同级传值吗？

vue.js 前端性能监控

一般同级传递都是指的是子组件与子组件之间的传递，因为父亲只有一个，那就是Vue实例。如果想把son1的数据传给son2, 这里需要创建一个空实例Vue对象,然后利用事件方法e m i t ( " 自定义参数名 " ， " 需要传递的数据 " ) ，然后将空对象这个 emit("自定义参数名"，"需要传递的数据")，然后将空对象这个emit("自定义参数名"，"需要传递的数据")，然后将空对象这个emit(),整体写在函数内。这样他的数据就会传出去了。谁来接受呢？另一个同级组件需要用钩子函数mounted，这个钩子函数的意思是初始化页面完成后，再对html的dom节点进行一些需要的操作。

2022-06-07

2230

让我们用Vue cli全家桶搭建项目

vue.js 前端性能监控

npm install -g cnpm --registry=https://registry.npm.taobao.org

2022-06-07

2480

关于vue cli 使用iview 自定义主题遇到的坑

vue.js 前端性能监控

当你老老实实的把上面文档中的代码一一复制粘贴到项目文件中时，发现了还没装less,所以你就

2022-06-07

3050

关于vue打包上线遇到的坑

vue.js 前端性能监控

还有一个问题，就是大家再带入ico图标时，打包后不显示，这里推荐你将图标文件放在根目录下的static文件夹里面，然后直接因这个路径就可以了。

2022-06-07

1630

关于vue项目中搜索节流的实现

vue.js 前端性能监控

我们经常会遇到这种需求，现在我们在使用百度搜索的时候他们的思想也是根据防抖节流而实现的，至于用防抖还是节流根据自己需求。

2022-06-07

3260

关于Vue 移动端适配（px2rem 插件将px转为rem）

vue.js 前端性能监控

npm install px2rem-loader lib-flexible --save

2022-06-06

5320

vue移动端实现手机左右滑动入场动画

vue.js 前端性能监控

更多内容请见原文，原文转载自：https://blog.csdn.net/weixin_44519496/article/details/119353623

2022-06-06

7510

关于vue项目中axios跨域的解决方法（开发环境）

vue.js 前端性能监控

module.exports = merge(prodEnv, { NODE_ENV: ‘“development”’, API_HOST:’/api/’ //开发环境中加上这段关键，不然出错 })

2022-06-03

2550

你难道不知道Vue-cookie？

vue.js 前端性能监控

import VueCookies from ‘vue-cookies’ Vue.use(VueCookies)

2022-06-03

1620

Vue引入vuetify框架你需要知道的几点

vue.js 前端性能监控

2、在src目录中创建一个名为的文件夹plugins在里面，添加一个vuetify.js文件。代码如下

2022-06-03

5740

关于Vue移动端框架（Muse-UI）的使用（说明书，针对不愿看文档的童鞋）

vue.js 前端性能监控

import Vue from ‘vue’; import MuseUI from ‘muse-ui’; import ‘muse-ui/dist/muse-ui.css’;

2022-06-02

4270

视图模板引擎——Vue【双向绑定】原理剖析

vue.js 前端性能监控

MVC分别是 Model（模型）、View（视图）、Controller（控制器）三个模块。View（视图层）最主要完成前端的数据展示，Controller（控制层）是对数据的接收和触发事件的接收和传递，Model（模型层）则是对数据的储存和处理，再传递给视图层相应或者展示。如下图所示，整个过程是单链条的传递，在前端开发中多将业务逻辑写在View层，使得View层比较厚，而Controller层比较薄。缺点： 1、开发者在代码中大量调用相同的 DOM API，处理繁琐，操作冗余，使得代码难以维护。

2022-06-02

4400

Vue最新防抖方案

前端性能监控 vue.js

函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。举个栗子，持续触发scroll事件时，并不执行handle函数，当1000毫秒内没有触发scroll事件时，才会延时触发scroll事件。

2022-06-01

1890

Vue MD5加密你用吗?

前端性能监控 vue.js

import md5 from ‘js-md5’; Vue.prototype.$md5 = md5;

2022-06-01

9250

封装一个基础的vue-router

vue.js 前端性能监控

后端路由：输入url>请求发送到服务器>服务器解析请求的路径>拿取对应的页面>返回回去前端路由：输入url>js解析地址>找到对应的地址的页面>执行页面生成的js>看到页面 vue-router工作流程

2022-05-20

2490

Vuex的各个模块封装

vue.js 前端性能监控

import Vue from ‘vue’ import Vuex from ‘vuex’ import * as actions from ‘./actions’ import * as getters from ‘./getters’ import state from ‘./state’ import mutations from ‘./mutations’ import createLogger from ‘vuex/dist/logger’ // vuex调试工具

2022-05-20

2310

Vue路由的模块自动化与统一加载

vue.js 前端性能监控

为什么这么划分呢？如果大项目业务非常多，单纯的单页面很难维护，我们只有这样规范化，才能高效率。

2022-05-20

4150

关于Vue Element组件el-checkbox与el-select默认选中值的几点注意事项

vue.js element ui 前端性能监控

v-model中的值就是默认选中的值，一定要注意这里的:value的类型一定要跟v-model类型一样。值为空时，默认值为空值。 el-checkbox

2022-05-19

1K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态