引入其他页面 ``` <template> <div class="home"> <img alt="Vue logo" src="../assets/logo.png"> <HelloWorld msg="Welcome to Your Vue.js App"/> </div> </template> <script> // @ is an alias to /src import HelloWorld from '@/components/HelloWorld.vue' export default { name: 'Home', components: { HelloWorld } } </script> ``` vue模版配置 ``` { "vue": { "prefix": "vue", "body": [ "<template>", " <div>", " </div>", "</template>", "<script>", "export default {", " // 数据绑定", "data () { return {}},", " //生命周期函数", "created () {},", "// 事件处理函数", "methods: {}}", "</script>", "<style lang=\"less\" scoped>", "</style>", ], "description": "generate a vue file" } } ```