应用系统定制开发Vue中的import from

中的import from

应用系统定制开发大家都知道，import from 应用系统定制开发是用来引入一些文件的，在vue中，可能有.js文件.json文件.vue文件
在JS和JSON文件引入的时候，往往需要写入一些

//例如数组export const a=[]//例如对象export const b={}//例如函数export function c(){}
1
2
3
4
5
6

在其他文件中需要引入的时候，就写上，只引入一个的时候可写可不写大括号

import {a,b,c} from '你的路径'
1

路径可以是相对路径也可以是绝对路径，后缀名可写可不写，他会按照你在webpack.base.conf.js文件中的设置来绝对后缀名选择的优先级
比如你如果设置的是这样

module.exports = {      resolve: {        extensions: ['.js', '.vue', '.json'],        alias: {          '@': resolve('src')        }      }    ...    }
1
2
3
4
5
6
7
8
9

他就会按照JS文件最大优先级这样来决定优先级

引入Vue组件的话也是这样，不过不用写大括号，直接引用，例如

import StatisticsCard from './components/StatisticsCard'
1

后缀名可写可不写，优先级顺序也是按照上面的来走的、
引用Vue文件有个特殊的地方，就是要在components里面挂载一下他，例如

  components: {    StatisticsCard  },
1
2
3

而在使用他的时候，名称可以是StatisticsCard，也可以是Statistics-Card，大小写都行