<\/span><\/h3>\nComposition API \u0628\u0647 \u0634\u0645\u0627 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u0645\u0646\u0637\u0642 \u0645\u0631\u062a\u0628\u0637 \u0631\u0627 \u0628\u0627 \u0647\u0645 \u0628\u0647 \u0631\u0648\u0634\u06cc \u0645\u0627\u0698\u0648\u0644\u0627\u0631\u062a\u0631 \u06af\u0631\u0648\u0647 \u0628\u0646\u062f\u06cc \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u062c\u0627\u06cc \u062a\u0642\u0633\u06cc\u0645 \u06a9\u062f \u062e\u0648\u062f \u0628\u0647 \u0642\u0644\u0627\u0628\u200c\u0647\u0627\u06cc \u0686\u0631\u062e\u0647 \u062d\u06cc\u0627\u062a \u0648 \u06af\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u0645\u0624\u0644\u0641\u0647\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0648\u0627\u062d\u062f\u0647\u0627\u06cc \u0645\u0646\u0637\u0642\u06cc \u0631\u0627 \u062f\u0631 \u062a\u0648\u0627\u0628\u0639 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u06cc\u062f \u0648 \u062e\u0648\u0627\u0646\u062f\u0646 \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u06a9\u062f \u062e\u0648\u062f \u0631\u0627 \u0622\u0633\u0627\u0646\u200c\u062a\u0631 \u06a9\u0646\u06cc\u062f.<\/p>\n
\u0645\u062b\u0627\u0644:<\/strong><\/p>\n\n
import<\/span> {<\/span> ref<\/span>,<\/span> computed<\/span> }<\/span> from<\/span> '<\/span>vue<\/span>'<\/span>;<\/span>\n\nexport<\/span> default<\/span> {<\/span>\n setup<\/span>()<\/span> {<\/span>\n const<\/span> count<\/span> =<\/span> ref<\/span>(<\/span>0<\/span>);<\/span>\n const<\/span> doubleCount<\/span> =<\/span> computed<\/span>(()<\/span> =><\/span> count<\/span>.<\/span>value<\/span> *<\/span> 2<\/span>);<\/span>\n\n function<\/span> increment<\/span>()<\/span> {<\/span>\n count<\/span>.<\/span>value<\/span>++<\/span>;<\/span>\n }<\/span>\n\n return<\/span> {<\/span>\n count<\/span>,<\/span>\n doubleCount<\/span>,<\/span>\n increment<\/span>\n };<\/span>\n }<\/span>\n};<\/span>\n<\/code><\/pre>\n\n
\n