十分钟，让你学会Vue的这些巧妙冷技巧

学习成为一个更好的Vue开发者并不总是关于那些需要花时间和精力才能掌握的大概念。掌握一些技巧和窍门，可以让我们的编程生活变得更容易--没有大量重复的工作。

在用 Vue 开发的这几年里，我学到了很多有用的技巧。有些很取巧，有些几乎每天都在用，有些则更高级--但它们都很有用。

1. 将一个 prop 限制在一个类型的列表中 {#将一个-prop-限制在一个类型的列表中 data-id="heading-0"}

使用 prop 定义中的 validator 选项，可以将一个 prop 类型限制在一组特定的值中。

 
 
 
 
export default {
 name: 'Image',
 props: {
 src: {
 type: String,
 },
 style: {
 type: String,
 validator: s => ['square', 'rounded'].includes(s)
 }
 }
 };
 复制代码
 
 
 

 {{ text }}
 
 
 
 
 复制代码
 
 
 
 

 

 Do something a little different here
 
 
 复制代码
 watch {
 ' 复制代码    复制代码    复制代码 const">slots = {
 default: ,
 icon: ,
 button: ,
 };
 复制代码
 
 
 复制代码
 
 复制代码
 
 
slots.default" class="styles">
 
 

复制代码