虽然不少新造车势力喜欢对标特斯拉，但真正最爱模仿特斯拉的怕是富士康。近日，富士康发布了旗下电动皮卡Model V的新车预告，新车将会在10月18日首发亮相。与出自大牌设计公司的Model E、Model B不同，Model V皮卡由富士康自己设计，所以样式风格大变样。

预告信息有限，比较清晰的是这款车的的侧面，可以看出Model V整体尺寸并非很大，或许定位于双排中型皮卡，其中乘员舱够长，可保证驾乘的舒适性，而货斗长度较为一般。

随着 Vue3.4 版本的发布，defineModel 也正式转正了。它可以简化父子组件之间的双向绑定，是目前官方推荐的双向绑定实现方式。

之前在 Vue3.3 中，该方法还是实验性方法，使用 defineModel 需在 vite.config.ts 里面配置 defineModel 为 true，配置如下：

在CSS中，很容易在鼠标hover时进行更改，只需：

.item {
  background: blue;
}

.item:hover {
  background: green;
}

在Vue中，它会变得更复杂一些，因为我们没有内置这个功能。我们必须自己实现这些。不过别担心，工作量不是很大。

本文简介

点赞 + 关注 + 收藏 = 学会了

在使用第三方UI组件库时会发现可以在他们的组件上使用 v-model ，比如 Element-UI 或者 Element-plus 的 el-input 就可以使用 v-model 进行数据绑定。

本文就以 input 元素做例子，实现在自定义组件中使用 v-model 进行数据绑定。

vue2.x 语法

在 2.x 中，在组件上使用 v-model 相当于绑定 value prop 并触发 input 事件：

<ChildComponent v-model="pageTitle" />

<!-- 是以下的简写: -->
<ChildComponent 
	:value="pageTitle" 
	@input="pageTitle = $event" />

大家可能在使用vue的时候已经很熟悉v-model指令了，但是有定制过prop和event吗？下面咱们来简单的说一说。

vue允许一个自定义组件在使用 v-model 时定制 prop 和 event。默认情况下，一个组件上的 v-model 会把 value 用作 prop 且把 input 用作 event，但是一些输入类型比如单选框和复选框按钮可能想使用 value prop 来达到不同的目的。使用 model 选项可以回避这些情况产生的冲突。

下面通过src引入vue.js文件的方式来简单实现一下：

今天学习Vue的重要指令v-model，Vue中使用v-model指令来实现表单元素和数据的双向绑定。监听用户的输入，然后更新数据，我们先看个简单的例子

我们定义个input，在input中用v-model绑定message数据，然后有单独展示message数据，我们来看现实效果：

本文讲一下:在vue中，用于组件双向绑定的语法，v-model。

VUE中，很多朋友在为组件设置v-model时有点困惑，搞不清楚里面的具体逻辑，这里稍微解释一下。不说废话，直接上干货，VUE中，如果想给自定义组件设置v-model模型，一共有两种情况：