
vue
聰籽
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue + iframe 实现页面打印功能
vue 实现页面打印功能原创 2022-09-19 17:42:58 · 1108 阅读 · 0 评论 -
vue3 vite异步组件及路由懒加载
ue3 vite异步组件及路由懒加载实战转载 2022-09-15 11:32:28 · 1022 阅读 · 0 评论 -
vue 基于MediaRecorder+canvas实现视频录屏
MediaRecorder+vue原创 2022-04-21 18:01:47 · 2478 阅读 · 1 评论 -
node+express 服务配置vue-router history路由模式部署Vue
node app.js var createError = require('http-errors'); var express = require('express'); var path = require('path'); var cookieParser = require('cookie-parser'); var logger = require('morgan'); var indexRouter = require('./routes/index'); var usersRouter =原创 2021-10-25 11:04:01 · 427 阅读 · 0 评论 -
vue + eLement自定义指令
el-select 滚动触底部事件 Vue.directive('loadmore', { bind(el, binding) { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.querySelector( '.el-select-dropdown .el-scrollbar__wrap' ); SELECTWRAP_DOM.addEventListener('scroll', function(原创 2021-07-06 15:57:52 · 431 阅读 · 0 评论 -
vue.js响应式原理解析与实现
基础知识 Object.defineProperty es5新增了Object.defineProperty这个api,它可以允许我们为对象的属性来设定getter和setter,从而我们可以劫持用户对对象属性的取值和赋值。比如以下代码: const obj = { }; let val = 'cjg'; Object.defineProperty(obj, 'name', { get() { console.log('劫持了你的取值操作啦'); return val; },原创 2021-04-27 16:45:22 · 160 阅读 · 0 评论 -
element table 列标题 Label 区域 两种方法
render-header <el-table-column label="微信推送" fixed="right" header-align="center" align="center" width="120" :render-header="renderHeader"> </el-table-column> methods:{ renderHeader(h, { column }) { // 渲染tab 鼠标事件 const原创 2020-11-24 11:16:11 · 1173 阅读 · 0 评论 -
vue中watch的详细用法,带deep 与 immediate
使用 immediate 这样使用watch时有一个特点,就是当值第一次绑定的时候,不会执行监听函数,只有值发生改变才会执行。如果我们需要在最初绑定值的时候也执行函数,则就需要用到immediate属性。 比如当父组件向子组件动态传值时,子组件props首次获取到父组件传来的默认值时,也需要执行函数,此时就需要将immediate设为true new Vue({ el: '#root', data: { cityName: '' }, watch: { cityNam原创 2020-10-15 13:56:59 · 688 阅读 · 0 评论 -
vue对象数组拆分,组成element-ui 所需表格数据结构
后端请求回来的数据结构 let res = [{ "typeList": [{ "typeName": "苹果", "typeCount": "0" }, { "typeName": "香蕉", "typeCount": "0" }, { "typeName": "榴莲", "typeCount": "0" ...原创 2019-08-13 17:43:07 · 3253 阅读 · 0 评论 -
Vue基础及架构模式
前端框架 angular MVC模式,双向数据绑定,依赖注入 react virtual DOM(虚拟DOM,即为与DOM一样的对象,操作对象避免DOM的直接操作从而提高性能),性能上辗轧angular vue 结合angular和react的优点,MVVM模式,高性能高效率框架 架构模式 MVC模式 M: Model (数据) => 数据保存 Model(模型)表示应用程序核心(比如...原创 2019-03-24 18:11:02 · 4799 阅读 · 0 评论