vue

什么是vue的计算属性?

计算属性:模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如:<divid="example">{{message.split('').reverse().join('')}}</div>在这个地方,模板不再是简单的声明式逻辑。你必须看...
代码星球·2021-02-25

vue更新数组时触发视图更新的方法

变异方法:Vue包含一组观察数组的变异方法,所以它们也将会触发视图更新。这些方法如下:push()pop()shift()unshift()splice()sort()reverse()替换数组:例如:filter(), concat()和 slice() 。这些不会改变原始数组,但总是返...

什么是vue生命周期和生命周期钩子函数?

1、vue生命周期和生命周期钩子函数:vue的生命周期是: vue实例从创建到销毁,也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程。在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。问题二:vue生命周期钩子函数有哪些?生命周期钩...

vue中如何编写可复用的组件?

在编写组件的时候,时刻考虑组件是否可复用是有好处的。一次性组件跟其他组件紧密耦合没关系,但是可复用组件一定要定义一个清晰的公开接口。Vue.js组件API来自三部分:prop、事件、slot:prop允许外部环境传递数据给组件,在vue-cli工程中也可以使用vuex等传递数据。事件允许组件触发外部环境的actions...

vue中 keep-alive 组件的作用

keep-alive:主要用于保留组件状态或避免重新渲染。比如: 有一个列表页面和一个 详情页面,那么用户就会经常执行打开详情=>返回列表=>打开详情这样的话列表和详情都是一个频率很高的页面,那么就可以对列表组件使用<keep-alive></keep-alive>...
代码星球·2021-02-25

vue中子组件调用父组件的方法

通过v-on 监听和$emit触发来实现:1、在父组件中通过v-on 监听当前实例上的自定义事件。2、在子组件 中通过'$emit'触发当前实例上的自定义事件。示例:父组件:    <template><divclass="fatherPageWrap"><h...

vue中使用html2canvas截取div内容转为图片

1.首先引用jquery和html2canvas  方法略不会的请百度2.添加截图按钮<buttontype="button"id="savePic"class="btnbtn-primarybtn-smmixStream"v-on:click="savePic">截图</button>3.创建...

vue页面canvas保存为图片并保存到本地

//保存saveFile(data,filename){constsave_link=document.createElementNS('http://www.w3.org/1999/xhtml','a');save_link.href=data;save_link.download=filename;consteve...

vue内点击url下载文件最佳解决方案

开发中经常遇到这样的功能,用户将文件或附件上传到服务器,后端将文件放到ftp或是其他位置,在前端页面内有下载的入口,有时候,后端返回的是blob,这种情况当然是最好的,但是为了方便,后端也可能返回文件所在位置的url,这时,对前端来说,可能遇到一些问题,比如,下载文件时候浏览器可能会出现闪动,下载图片,json文件等浏...

vue视频框文本框随意拖拽

//悬浮按钮组件<template><divcolor:rgba(128,0,0,1)">"position:relative;"><divclass="button-box"v-dragdraggable="false"><divclass="btn-bg-img"@dblc...

让sublime text3支持Vue语法高亮显示

文章转自 http://www.cnblogs.com/kongxianghai/p/6732429.html1.准备语法高亮插件vue-syntax-highlight。下载地址:https://github.com/vuejs/vue-syntax-highlight 下载页面并下载: ...

Vue 中使用 less 报错 Module build failed: TypeError: loaderContext.getResolve is not a function

https://blog.csdn.net/wxx_csdn/article/details/105807127https://www.cnblogs.com/lin-dong/p/6711224.html...

Uni-app登录态管理(vuex)

https://www.cnblogs.com/edward-life/p/11181139.html...
代码星球·2021-02-22

Vue基于vue-quill-editor富文本编辑器使用

https://www.cnblogs.com/ZaraNet/p/10209226.html...

vue的Element组件上传文件el-upload上传成功后清空

https://blog.csdn.net/qq_27721169/article/details/82906260...