npm下载的vue-3d-model的学习笔记

Part1
build文件夹

config文件夹
1、你用vue-cli模板构建的vue项目都会有这些文件，属于webpack相关配置；
dev.env.js文件是开发环境的变量，npm run dev命令；在build文件下webpack.dev.conf可找到在什么地方引入了此变量；
prod.env.js文件是生产环境的变量，npm run build命令；在build文件下webpack.prod.conf可找到在什么地方引入了此变量；
Part2
src文件夹
1、THREE.OrbitControls参数控制 https://www.cnblogs.com/huangbohang/p/7890485.html
2、export default是ES6的语法，意思是将这个东西导出，你要import 引入东西，导出了才能引用，data是一个函数是因为data是被很多组件共享的，如果 data 是一个的对象的话，每次实例化会造成所有的实例共享引用同一个数据对象。
3、computed的缓存作用
计算属性只有在其依赖的值发生改变的时候才会出发进行再次计算，相当于一个缓存的作用。这样设计的好处是如果我们维护了一个很大的变量时，并且另一个计算属性依赖于这个变量，此时我们不可能每一次都去读取这个变量，更科学的办法是当被依赖属性发生改变时触发事件。这种科学的做法类似cache的设计理念。
4、computed的缓存作用 和method方法区别
我们可以将同一函数定义为一个 method 而不是一个计算属性。对于最终的结果，两种方式确实是相同的。
计算属性缓存依赖于数据模型中的属性，如果模型中的属性不改变它的缓存就不改变，如果数据模型中的属性发生改变则再计算一遍。
method方法不管你数据模型中的属性是否改变都有执行。
5、mounted 与 methods 与 computed 与 watched区别
computed是在HTML DOM加载后马上执行的，如赋值；
methods则必须要有一定的触发条件才能执行，如点击事件；
watch呢？它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。
所以他们的执行顺序为：默认加载的时候先computed再watch，不执行methods；等触发某一事件后，则是：先methods再watch。
6、created和mounted区别
created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。
一般creadted钩子函数主要是用来初始化数据。
mounted钩子函数一般是用来向后端发起请求拿到数据以后做一些业务处理。官方解释如下：el 被新创建的 vm. e l