vue main.js中引入js_VUE实战技巧,让你的代码少一点

这三个小技巧应该熟知:

组件 : 全局组件注册Vue权限控制 : 高精度全局权限控制Render函数 : 拯救繁乱的template 路由分区以及动态添加路由

「全局组件注册」

创建全局.js文件管理全局组件

vue main.js中引入js_VUE实战技巧,让你的代码少一点_第1张图片

// 1 - globalComponent.js中可以这么封装↓

import Vue from 'vue' // 引入vue// 处理首字母大写 abc => Abcfunction changeStr(str){    return str.charAt(0).toUpperCase() + str.slice(1)}/*    require.context(arg1,arg2,arg3)        arg1 - 读取文件的路径        arg2 - 是否遍历文件的子目录        arg3 - 匹配文件的正则    关于这个Api的用法,建议小伙伴们去查阅一下,用途也比较广泛*/const requireComponent = require.context('.', false, /.vue$/)console.log('requireComponent.keys():',requireComponent.keys())  // 打印requireCompone

你可能感兴趣的:(vue,main.js中引入js,vue,数组添加元素)