vue文件三层结构

<template> 

        界面元素 不多说无非就是写div 就看自己怎么排列了 后面可能会写封装组件的文章

 </template>

<style>

    css文件 不用多少

</style>

<script>

export default {

components : {引入文件},

props: {父子传值 默认值},

computed: {get set方法},

data: {属性},

methods: {函数},

created() {生命周期函数}

}

</script>

文件结构及用途大致就这样 

如何引入外部js文件呢？

加入我有一js文件: Utils.js；注意：js文件需要 exports.xxxx = {定义属性／函数等}

则需要在export default外部 script内部定义 

const utils = require('Utils.js')

然后就可以调用了

utils.xxxx.函数/属性

或者：const utils = require('Utils.js').xxxx; 则可以直接utils.函数/属性；