环境配置/vue回顾/美信云文档系统

2017.11.7
node.js的安装
（附带了npm），安装cnpm

gitlab
gitlab的使用（待学习）

安装webpack和vue-cli脚手架

webpack和vue-cli

umd文件是什么？

异步加载组件

异步加载组件

vux-loader
作用是对.vue代码进行预处理，不限于vux组件库
vue-loader是一个webpack的loader，可以将vue组件转换成JavaScript模块

npm install -g vue-cli
vue init webpack-simple hello-vue
cd hello-vue
npm install 
npm run dev

使用.babelrc配合Babel

CSS Modules
是一个用于模块化和组合CSS的流行系统。
vue-loader提供了与CSS模块的一流集成，可以用为模拟CSS作用域的替换方案

使用，在<style>中加入module属性，这将为css-loader打开一个CSS Modules模式，生成的CSS对象将为组件注入一个$style的计算属性

热加载
启动热加载后，当你修改.vue文件的时候，所有的组件的实例会被替换，并且不需要刷新页面

slot

为了让一种组件可以组合，我们需要一种方式来混合父组件的内容和子组件自己的模板，这个过程成为内容分发
vue中使用特殊的<slot>元素作为原始内容的插槽

父组件模板的内容在父组件作用域编译；子组件模板的内容在子组件作用域内编译

何为挂载？

keep-alive
如果把切换出去的组件保留在内存中，可以保留它的状态或避免重新渲染，使用keep-alive

<keep-alive>
  <component :is="currentView">
    <!-- 非活动组件将被缓存！ -->
  </component>
</keep-alive>

prop
组件实例的作用域是孤立的，父组件需要通过prop才能下发到子组件中

将一个对象的所有属性作为prop进行传递，可以使用不带任何参数的v-bind

prop验证

解耦的概念，子组件已经和它外部完全解耦了。它所做的只是报告自己的内部事件，因为父组件可能会关心这些事件。请注意这一点很重要。

//创建一个vue实例
new Vue({
    el:"#some-element",
    //选项
})

//注册一个全局组件
Vue.component('my-component',{})

局部注册
可以通过某个vue实例/组件的实例选项components注册仅在某个作用域中可用的组件

父子组件之间的通信

prop向下传递，事件向上传递

vux的预览效果

扫码预览

美信云文档系统后端服务
项目结构

项目结构 克隆分支

git clone -b <branch> <remote_repo>

从某个分支上克隆（默认是从主分支上克隆代码）

yarn也是一种包管理器 这篇文章是对它的一些介绍

jsDoc规范
文件头注释（使用的是vscode的插件，快捷键Ctrl+Alt+i）

类注释

模块注释
@module/@default/@constant

函数注释
@param
@returns
@type

属性注释
@global
@property