第四天 VUE

组件：
//定义
var login = {
    template:'<H1></H1>'
}

components:{
    login
}
使用
<login></login>

父组件向子组件传值 在引用子组件的时候，通过属性v-bind.子的组件需要props = 父组件的值变量  形式传值 组件需要props 属性接收只读  子组件的data 是组件自己改变的
父组件向子组件传方法 v-on:fun ="父组件的方法"   子组件this.$emit('fun',参数) 调用父组件的方法

ref 获取dom元素/组件ref="h3"  使用this.$refs.h3  

路由：单页面主要通过#hash方式进行跳转
vue-router
  <!-- 路由匹配到的组件将渲染在这里 -->
  占位
  <router-view></router-view>
  
  
    
  <router-link to="/index">回首页</router-link>
  router-link-active  活的类  linkActiveClass=''
  
redirect

传参方式：
this.$router  .query param 查询路由的一些信息
使用children 属性实现子路由，path 不带/

watch 使用  可以监视data中的指定数据变化然后触发对应的函数
compured 使用 计算属性，本质是一个方法 会缓存结果

nrm ---镜像地址
npm  i nrm -g
nrm ls 
nrm use 。。。

webPack  基于整个项目构建的
gulp 基于任务task  构建的

webPack  使用