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.函数/属性;