#Vue

什么是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...

轻松搭建基于 SpringBoot + Vue 的 Web 商城应用

首先介绍下在本文出现的几个比较重要的概念:/函数计算(FunctionCompute):函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。函数计算更多信息 参考。F...

vue.js 2.0 --- 安装node环境,webpack和脚手架(入门篇)

1.1、安装node.js1.2安装过程很简单,一路“下一步”就可以了。安装完成之后,打开命令行工具(win+r,然后输入cmd),输入node-v,如下图,如果出现相应的版本号,则说明安装成功。 1.3修改npm为淘宝镜像因为npm的仓库有许多在国外,访问的速度较慢,建议修改成cnpm,换成taobao的镜...

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与js传值

在mounted中进行绑定:window.valueToVue=this.flag在js中直接调用window.valueToVue,可以绑定值、对象、方法...
代码星球 ·2021-02-23

把vue项目放到spring boot 下运行

设置路径打开vue项目中的config/index.js文件设置如下有博客说assetspublicpath中设置为"/",自己测试不行,需要设置成"./"才不会报错把vue项目打包成dist包npmrunbuild生成dist包导入到springBoot项目在springboot项目中resource文件下创建sta...

vue视频框文本框随意拖拽

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

小程序第三方框架对比 ( wepy / mpvue / taro )(转)

文章转自  https://www.cnblogs.com/Smiled/p/9806781.html      众所周知如今市面上端的形态多种多样,手机Web、ReactNative、微信小程序,支付宝小程序,快应用等,每一端都是巨大的流...

让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...
首页上一页...23456...下一页尾页