![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue基础知识与运用
文章平均质量分 92
主要以vue项目实战运用为出发点的专栏
程序员良仔
前端一枚,专注前端知识分享
展开
-
vue3.0新特性
vue3.0新特新有哪些,对比vue2有哪些不同,该如何学习vue3.0,本文带你了解原创 2022-10-24 23:05:37 · 518 阅读 · 0 评论 -
React与Vue的区别和对比
前言JavaScript是世界上最流行的语言之一,React和Vue是JS最流行的两个框架。但各有优缺点,本文将详细对比两大框架目录前言1、框架背景2、框架简介3、框架共同点4、各自优势5、两者区别6、总结1、框架背景2、框架简介3、框架共同点4、各自优势5、两者区别6、总结...原创 2021-02-21 22:04:55 · 33361 阅读 · 1 评论 -
vue $set,解决数组对象新增属性,视图未渲染问题
一、使用场景当你给一个数组对象中添加一个新的属性时,需使用$set主动更新视图如果直接赋值添加你会发现,虽然可以新增属性,但是不会触发视图更新二、使用方法方法:this.$set(this.data,”key”,value)原因是:受 ES5 的限制,Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter,所以属性必须在 data 对象上才能让 Vue.js 转换它,才能让它是响应的。要处理这种情况,我们可以使用$set(原创 2020-12-06 14:56:43 · 1751 阅读 · 2 评论 -
vue中组件间通讯的8种方法(父传子、子传父、ref、Bus、Vuex、$attrs / $listeners、provide / inject API、$parent / $children
1、父传子 子组件通过props接收父组件传来的数据父组件<template> <div id="parent"> <!-- 把父组件的name传递给子组件 --> <child :name="name"></child> </div></template><script>// 引入子组件import Child from './child'export defaul原创 2020-11-22 21:21:38 · 8970 阅读 · 1 评论 -
vue.config.js配置,公司实战项目
在vue-cli3.0后,就把vue-cli2.x中build、config目录下的配置,需要在vue.config.js中配置了vue-cli3.x、vue-cli4.x刚搭建是没有vue.config.js文件的,需要自己手动创建下面展示实战项目的配置,主要有以下几个功能:1、打包生产的目录格式2、开发环境ip地址配置3、代码热更新4、解决跨越,反向代理的使用5、css样式配置6、使用terser-webpack-plugin,来清除打包后清除console.log输出,防止本地开发时,原创 2020-09-06 23:48:40 · 6818 阅读 · 2 评论 -
v-if与v-show的区别、使用场景
基于vue框架删除文本标记文本章节目录基于vue框架前言注脚注释自定义列表区别总结系列文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言//Ajijdf下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted blockvar foo = 'bar';项目Value电脑$1600手机$12导管$1Column 1Column 2原创 2020-09-03 23:38:57 · 37456 阅读 · 0 评论