• .prop – is used to bind DOM properties. (What’s the difference?)
  • .camel – (2.1.0+) converts kebab-case feature name to camelCase. (supported since 2.1.0)
  • .sync (2.3.0+) syntax sugar, which expands into a V-on listener that updates the binding values of the parent component.

A lot of people’s documents are just written this, to tell the truth, do not understand oh! (I don’t understand it anyway)

1. 1 February

I think it’s ok to use it, and I don’t think it’s used very often.

Prop modifier purpose

V-bind is bound to attributes on DOM nodes by default, and to properties with the.prop modifier

Matters needing attention:

  • Use property to get the latest value;
  • Attribute Custom attributes are displayed in rendered HTML tags, but property is not.

Modifier purpose:

Custom attributes store variables to avoid exposing data and contaminating HTML structures

If you don’t want your attributes displayed inside an HTML tag, use it.

1. 2. How to Lose weight

I used this modifier myself, and when I saw it written I felt pretty cool, it was a grammar candy!!

Effect: The child component changes the value of the parent component directly!

What if you don’t have this syntax?

Very simple demo, do you need to do it like this? Simply change a money value, or simply switch Boolean value, is this writing a little bit of trouble?

Well, let’s try.sync.

Do you understand?

Isn’t it easy? Ha-ha, did you fail school?

Camel I do not want to learn, there is a good article trouble to give a link, I have a look!