vue学习笔记

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 7 天，点击查看活动详情 Vue3的表单开发和开发模式 Vue3的表单开发和开发模式1.表单开发v-model的使用v-model

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 6 天，点击查看活动详情 Vue3组件化开发（一） 为什么需要组件化开发 在前端工程化中，流行的框架都是使用的组件化开发模式，这是

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 2 天，点击查看活动详情 Vue3当中的一些基本语法 插值语法 在vue的模板里面，我们可以使用花括号来实现一个插值语法： <di

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 4 天，点击查看活动详情 vue中的v-model v-model的使用 v-model指令可以在表单input textarea

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第13天，[点击查看活动详情](https://juejin.cn/post/7147654075599978532 "https

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第14天，[点击查看活动详情](https://juejin.cn/post/7147654075599978532 "https

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第15天，[点击查看活动详情](https://juejin.cn/post/7147654075599978532 "https

v-if与v-show的使用方法以及区别 在vue里面有两种方式来控制元素的显示与隐藏，分别是v-if和v-show，这两种方式都可以控制元素的显示与隐藏，那么如何进行使用呢？

总所周知，vue是一个响应式的框架，当数据发生改变的时候，页面会自动响应这个变化。那么当元素的样式发生改变的时候，也应该动态的发生改变，要实现这样一种效果，我们可以使用vue的绑定样式的方式来实现。

在电商项目的开发中，会用到这样一个问题：商品的陈列我们如果使用原生的js会显得十分臃肿。但是在Vue中，我们可以直接使用列表渲染来实现这样的效果。 ## 1. v-for