![](https://img-blog.csdnimg.cn/20210926105432913.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue 基础知识和使用心得
fly丶知秋
这个作者很懒,什么都没留下…
展开
-
Vue 3.4 发布
今天,我们很高兴地宣布 Vue 3.4 “🏀灌篮高手”的发布!此版本包括一些实质性的内部改进 - 最引人注目的是重写的模板解析器,速度提高了 2 倍,以及重构的反应系统,使效果触发更加准确和高效。它还包含许多生活质量 API 改进,包括绑定 prop 时的稳定性和新的同名速记。这篇文章概述了 3.4 中的突出功能。有关更改的完整列表,请参阅 GitHub 上的。翻译 2024-01-02 09:59:08 · 93 阅读 · 0 评论 -
vue3 如何在 jsx中使用 component 组件
component组件不像其它的内置组件(tansition),可以直接从vue中直接导出,所有要在jsx使用component就要使用h函数。原创 2023-01-11 13:13:49 · 967 阅读 · 0 评论 -
element-plus clearFileds
element-plus 中 upload组件的 clearFileds方法的使用<template> <div> <el-button @click="clearFiles">重新上传</el-button> <el-upload ref="uploadEle"> <el-button type="primary">点击上传</el-button>原创 2021-11-16 13:32:47 · 2353 阅读 · 0 评论 -
从零开始设计一个右键菜单组件
需求分析首先要分析右键菜单需要实现什么功能点击鼠标右键弹出自定义的弹窗实现菜单项的点击自定义菜单项的样式自定义弹窗容器的样式代码实现需求搞定之后就是写代码了,下面是基础的代码框架<template> <div class="yak-content-menu" @contextmenu="showContentMenuFn" @click="hideContextMenuFn"> <slot></slot> <tra原创 2021-09-22 17:33:54 · 320 阅读 · 2 评论 -
vue实例的生命周期
生命周期钩子(来自vue官方文档)所有的生命周期钩子自动绑定this上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法(例如created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文,因此this与你期待的 Vue 实例不同,this.fetchTodos的行为未定义。befo...原创 2018-07-31 12:07:00 · 50 阅读 · 0 评论 -
vue组件keepAlive的使用
需要达到的效果:列表页------->详情页/修改------>返回列表页(缓存列表页)其它不缓存//vuex/index.jsnew Vuex.store({ state: { catchPages: [] }, mutations: { add(state, item) { if (state...原创 2018-09-25 20:06:00 · 90 阅读 · 0 评论 -
vue组件通讯之provide / inject
什么是 provide / inject [传送门]vue的组件通讯方式我们熟知的有props $emit bus vuex,另外就是provide/injectprovide/inject是 Vue.js 2.2.0 版本后新增的 API,在文档中这样介绍 :这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时...原创 2018-12-20 17:22:00 · 117 阅读 · 0 评论 -
组件toast(类似于element-ui的message组件)的实现
实现的toast组件可以通过this.$toast()调用需要的知识:vue.extend();new Vue().$mount(); //如果mount内没有要挂载的元素vue只会渲染元素而不会加载的界面上toast.vue的内容<!--template的内容--><template> <div> <slot>...原创 2019-04-25 12:04:00 · 259 阅读 · 0 评论 -
vue render
内容来自于vue官方文档/** * @returns {VNode} */createElement( // {String | Object | Function} // 一个 HTML 标签名、组件选项对象,或者 // resolve 了上述任何一种的一个 async 函数。必填项。 'div', // {Object} // 一个与模板中属性对应的数据对象。可选。 ...原创 2019-08-28 11:52:00 · 42 阅读 · 0 评论 -
nuxt的使用中碰到的问题
使用npm run generate生成静态页面部署如果不是部署在域名的根目录下,则需要在nuxt.config.js中添加// nuxt.config.jsexport default { router: { base: '/ads/' //例如:baidu.com/ads/ }}使用nuxt-link时,to属性最后面一定要加上/,不然刷新...原创 2019-09-11 11:22:00 · 325 阅读 · 0 评论 -
element-ui的upload组件的clearFiles方法的调用
element-ui使用中碰到的问题<template> <div> <el-button @click="clearFiles">重新上传</el-button> <el-upload ref="my-upload"> <el-button type="prim...原创 2018-08-10 10:39:00 · 411 阅读 · 0 评论 -
element-ui(vue版)使用switch时change回调函数中的形参传值问题
需求说明有多个switch组件需要知道switch的状态表格中当前行(scope.row)的数据问题描述官方文档中对switch中change的描述:目前能得到switch的状态值,但是无法得到change回调中第二个形参的值解决方法:change回调函数默认形参的实参是$event,其它的实参传自己需要的数据就ok...原创 2018-05-09 11:01:00 · 702 阅读 · 0 评论 -
iview国际化问题(iview官方提供的兼容vue-i18n@6.x+使用组件报错)
问题描述:按照iview官方的说法配置i18n发现在使用组件的时候会报错。兼容 vue-i18n@6.x+的配置如下图报错如下图解决方法:经过参考element-ui的国际化配置终于解决问题。解决方法如下图...原创 2018-06-06 17:01:00 · 125 阅读 · 0 评论 -
element-ui(vue)upload组件的http-request方法的使用
element-ui(vue)upload组件的http-request方法的使用官方文档:http-request方法有一个默认的参数contentcontent是一个object对象:里面包含包含一些upload组件的回调方法,可以使用upload组件原生的方法。具体如下图...原创 2018-09-14 15:32:00 · 645 阅读 · 0 评论 -
解决vue项目中使用ivew定制主题报 .bezierEasingMixin();错误
背景:在使用view-design(iview)定制主体时(覆盖变量方式)出现less错误完整错误如下解决方法:在vue.config.js中添加less-loader:5.0.xmodule.exports = { css: { loaderOptions: { less: { javascript...原创 2020-03-25 11:03:00 · 263 阅读 · 0 评论 -
基于NeteaseCloudMusicApi和electron-vue开发网易云音乐--electron-vue初始化
本机环境:nodejs v12.16.3npm 6.14.4vue-cli 4.3.1初始化项目vue init simulatedgreg/electron-vue my-project // 如果vue-cli版本号大于2,需要另外安装@vue/cli-init初始完成后使用 yarn run dev 时出现错误:如下图解决方法:修改你项目文件下 .electron-vue 里面的 webpack.renderer.config.js 和 webpack.原创 2021-09-17 09:56:51 · 383 阅读 · 0 评论 -
vue项目发布时去除console语句
在vue.config.js中添加下面的代码即可1 // vue-cli version > 32 modeule.exports = {3 configureWebpack: config => {4 if (process.env.NODE_ENV === "production") {5 config.optimiza...原创 2020-07-11 17:08:00 · 202 阅读 · 0 评论