udemy vue js

Perhaps everyone is used to use the es5 of the writing like to directly use the "Script" tag into the JS file, but it is a pity, the wording. In Es6, or in the Vue environment.What's the real writing?First of all. We want to transform the external JS file that we want to enter, and change it to the following format. mainly red block internal code, we need to "thr

/encapsulation of modular files new. js filevar storage = {Set (key, value) {Localstorage.setitem (Key, json.stringify (value));}, get (key) {return Json.parse (Localstorage.getitem (key));}, remove (key) {Localstorage.removeitem (key);}} Export default storage;//exposes this method for easy external referencingApplication file import storage from "./model/storage.js"//introduction of Encapsulated JS (intro

ReferenceReference- export default s11.仅能出现1次default2.导入时候可以随便命名3,导出时候不必写{}- 常规的导出导入1,必须{}格式2,导入时必须{}匹配3,a.js 和b.js导入main.js变量名不能重复 如果重复需 import * as obj1 from "./a.js" 的方式导-- 栗子:导出2个变量模块的导入导出:1,导出 export2,导入 import- a.jsexport let s1 = "maotai";export let s2 = "maomao";- main.jsimport {s1, s2} from "./a.js"console.log(s1, s2);- index.html1,导入导出2,变量名重复import * as obj1 from "./a.js"console.log(obj1.a, obj1.b);import * as obj2 from "./b.js"console.log(obj2.b);- 导出a.js的s1变量, 导入到main.js里面1.注意导出时候