VUE?? ???? ???? ?? ????? ?? ? ?? ???? ?? ? ? ????. ??? ? JavaScript ???, ???? ??, ?? ?? ??? ??? ?? ??? ?? ?? ?? ??? ? ????. ???? ?? ??? ???? ??? ???? ?? ?? ?? ??? ??????. ???? ??? ?? ???? ??? ??? ???? ?? ??? ?? ???? ??? ??? ? ? ??? JavaScript ? VUE ????? ??? ???? ?? ?????.

VUE ???? ???? export default ????? ??? ????.

??? ??? ??? ??? VUE ?? ?? ? ES6 ??? ???? ????? ?? ??? ?? ?????. ?? ???? ?? ?? ??????? export default ?? ? ?? ? ?? ? ? ??? ????? ??? ????. ?? JavaScript ?? ??? ? ???, ??? ?? ?????. ??? ??? ?? ? ??? ?? ?? ????. ??? ?? ??? ??? ?? ? ??? ??? "??"? ?? ?????.

???? ?????. VUE ?? ??? ????? JavaScript ???? ES6? ???? ??? ?????. ??? VUE ?? ?? ???? ???? ?? ???? ???? ?? export default ?????? ??? ????.

?? ?? ?? :

ES6? ??? ? ?? ????? ??? ??? ???. class ???? ?? ? ????? constructor ? ??? ??? ??? ? ????. export default ???? ???? ???? ? ?????. ? ???? ?? ?? ??, ?? ?? ???? ???? ???? ? ? ????.

?? ?? ? ?? ?? :

export default ? ??? ??? ?? ??? ?????? ????. ?? ???? ??? ???? ?? MyComponent ?? ????? import MyComponent from './my-component.js' ???.

?? ?? :

???? export default class MyComponent { ... } ???? ???? (? : ? ? ?? ??) ?? ???? ?? ???? ??? ?? ?? ??? ??????. ? ??? ?? ?? MyComponent ?? ??? ???????. ???? ?? ?? ??, ?? ? ?? ??? ?? ??? ????? ????? ?????? ??? ?? ??? ???????? ??? ??? ????.

??? ? :

??? ? :

 <code class="javascript">// my-component.js export default class MyComponent extends Vue { data() { return { message: 'Hello from class component!' }; } }</code>

 <code class="javascript">// main.js import MyComponent from './my-component.js'; new Vue({ el: '#app', components: { MyComponent } });</code>

? ??? Vue ?? ?? ? ?? ?? ???? ???? export default ?? ???? ??? ?????. main.js ???? ?? ??? ?? ???? ?????.

?? ?? :

MyComponent ? ??? ??, ?? ? ?? ???? ?? ???? ???? ??? ?? ? ? ????. ?? ?? ??? ? ? ???? ????? ?? ??? ?? ?? ???? ???? ? ????. ?? ??, ?? ?? ????? ??? ?? ?? ???? ?? ? ? ????.

 <code class="javascript">// my-component.js export default class MyComponent extends Vue { // ... static create(options) { return new MyComponent({...options}); } }</code>

???? ?? ? ??? ? :

???? ??? main.js ? ?? ??? ???? ?? ?? ????. ?? ??? components ??? ???? ???? ??? ??????. ??? ??? VUE? ????? ????. ??? ???? ? ?? ??? ??? ??? Vue ???? ???? ???? ? ????. ????, ?? ??? ???? ??? ??? ???? ??? ????? ?? ?? ?? ? ???? ? ? ????.

?? ??? ? ?? ?? :

??? ????? ?? ?? ?? ???? ????? ???? ??? ?? ???? ???? ????? ?? ?? ? ???? ?? ? ? ????. ?? ?? ????? ?? ?? ?? ?? DOM ??? ??? ??? ??? ?? ? ? ????. computed ?? ? watch ???? ?? VUE ??? ??? ???? ??? ??? ??? ? ? ????. ???? ??? ??? ?? ???? ?????.

???, export default ???? ???? ??? ? ???, ?? VUE ?? ?? ??? ?? ?? ?????. ??? ??? ????? ???? ?????? ??? VUE ?? ????? ?? ? ? ????. ??? ? ??? ??????? ????. JavaScript? Vue? ????? ?? ?????? ? ???? ???? ??? ??? ? ????.

? ??? VUE?? ?? ???? ??? ? ????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!