vue引入外部文件

引入组件

// text.vue

<my-Text></my-Text>

<script>

import MyText from '../components/myText'

export default {

    components: {MyText}

}

</script>

引用样式

<style lang="less" scoped>
    @import "./style/header.less";
</style>

引入插件

// text.vue

<script>

import Vue from 'vue';

import { Tabbar, TabbarItem } from 'vant';

Vue,use(Tabbar).use(TabbarItem);

</script>

引入静态图片

<script>

export default {

     data() {

        return {

            icon : require("../../assets/icon.png")

        }

    }

}

</script>