VUE

VUE

 

1、从网络上下载了 Node.JS，其中 Node.JS 自带了 npm

2、npm ： 用于环境配置

     npm install -g vue-cli        2.X版本

     npm install -g @vue/cli     3.X版本

    此时命令行中就可以使用 vue 命令。例如：vue init webpack cyz-demo（模板名字叫 webpack）

    

    npm run 会执行 package.json 下的scripts下的脚本

    npm install 会默认安装 package.json 下的 dependencies和devDependencies 下的依赖（环境配置）    

 

3、webpack 又是一个模块打包器（webpack 就是打包自己写的代码）

    对应的文件：vue.config.js

------------------------------------------------------------------------------------------------------------------------------------------------------

 

1、使用webpack进行打包会有一个全局的变量process.env.NODE_ENV记录我们的打包环境

2、process是node的一个全局变量代表node进程，process.env代表系统环境

3、但是process.env里其实是不存在NODE_ENV，它是一个自定义的变量，在webpack里面用作判断生产环境（production）和开发环境（development）的依据

4、在window平台和mac平台下面设置这个变量（给webpack提供环境参考）的方法是不同的

 

{
  "scripts": {
    "dev1": "export NODE_ENV=production && npx webpack -p",  ## mac
    "dev1": "set NODE_ENV=production && npx webpack -p", ## windows
    "dev2": "cross-env NODE_ENV=development webpack-dev-server --inline --progress", ## 兼容所有平台
  }
}

 

5、通过cross-env可以实现平台的兼容（npm install --save-dev cross-env）

 

------------------------------------------------------------------------------------------------------------------------------------------------------

 

 

VUE：单页面 -> 多页面配置

https://www.jianshu.com/p/3a27c5c4da18

https://www.z01.com/blog/products/3512.shtml

 

---------------------------------------------------------------------------------------------------------------------------

VUE：devServer.proxy

https://www.jianshu.com/p/b358a91bdf2d

 

---------------------------------------------------------------------------------------------------------------------------

vue中的ref属性

https://blog.csdn.net/XuM222222/article/details/81010822

 

vue的 .sync修饰符

https://cn.vuejs.org/v2/guide/components-custom-events.html#sync-%E4%BF%AE%E9%A5%B0%E7%AC%A6

 

vue中 关于$emit的用法

https://blog.csdn.net/sllailcp/article/details/78595077

 

VUE的 scope的用法

https://www.cnblogs.com/tugenhua0707/p/7745735.html

 

VUE的 nextTick的用法

https://segmentfault.com/a/1190000012861862

 

VUE 的created和mounted的用法

https://blog.csdn.net/xdnloveme/article/details/78035065