vue引用自定义.js文件 (常量抛出 + 地址三级联动为例)- 语法篇

文章目录

  • vue如何引用`自定义封装的` `.js`文件?
    • `如何操作,详细如下。`(注意代码注释部分:注意1/2/3/4/5)
      • 一、效果图预览:
      • 二、以自定义`area.min.js`文件为例:
      • 三、如何 在其他页面引入 ?
          • 四、针对时间戳格式转化器说几点:
          • 五、参考文章

vue如何引用自定义封装的 .js文件?

比如一个时间插件,地址联动插件,等等;
因为这些常用插件 在任意页面都有可能会用到,这时候需要把它封装成函数,供其他任意页面随意调用。

如何操作,详细如下。(注意代码注释部分:注意1/2/3/4/5)


一、效果图预览:

vue引用自定义.js文件 (常量抛出 + 地址三级联动为例)- 语法篇_第1张图片

二、以自定义area.min.js文件为例:

/*省市区三级联动*/
var areajson = [   // 注意1:
	// json代码大部分省略 · 仅留一小部分参考如下
	{  
    children: [  
      {  
        children: [  
          {  
            value: "110101",  
            label: "东城区"  
          },
          {  
            value: "110108",  
            label: "海淀区"  
          },   
          {  
            value: "110115",  
            label: "大兴区"  
          },  
          {  
            value: "110116",  
            label: "怀柔区"  
          }
        ],  
        value: "110100",  
        label: "市辖区"  
      },  
      {  
        children: [  
          {  
            value: "110228",  
            label: "密云县"  
          },  
          {  
            value: "110229",  
            label: "延庆县"  
          }  
        ],  
        value: "110200",  
        label: "县"  
      }  
    ],  
    value: "110000",  
    label: "北京市"  
  },
  // 等等······
];
export default areajson;  // 注意2:一定要以export这种方式抛出

三、如何 在其他页面引入 ?

引入代码如下:


	
	
		
			
		
		
			
		

	


                    
                    

你可能感兴趣的:(Vue.js,vue.js踩坑篇)