模块化学习
es6 的模块化引入
export dedault 和export 暴露一个对象 ,export default在一个js文件中只能暴露一次,export可以暴露多次,所以引入的时候export要用结构赋值,引入export default 暴露的只要变量接受就可以了
import xx form
模块化
落后的引入方法 第一种:将直接使用script引入,全局生效,这种方法会产生变量污染 第二种:单例模式,将要导出的方法变成对象的属性和方法这样就引入的时候不会污染全局
commonJs服务端的模块引入方案
暴露 使用 moudel.export 或者 export ,他们两个都是指向同一个对象 module.export暴露对象出去,export不能暴露对象,因为这样他们两个就不会指向同一个对象了
module.export={data:1}
//两种方式的区别
export.a="数据"
引入的时候使用 requre(路径) 路径要以./或者../开头
这种引入方式是同步的,因为模块都在服务端,所以速度比较快
AMD
浏览器端的模块引入方案
工作学到的
v-for和v-if不要同时使用,如果v-if的判断是依赖于v-for的循环的值的话,可以在外层套template key不