vue2.0学习记录

1、在main.js可注册全局组件，Vue.components('组件名称 '， '组件名')；import 组件名 from ‘./components/组件文件’

2、在App.vue中可注册局部组件，import 组件名 from ‘./components/组件文件’，在App.vue中的components配置相应组件

3、组件的标签名不可与系统的html标签重复

4、父组件向子组件传值：父组件有一个数组（users），在父组件模板中的子组件标签中接收（users = ‘users’），然后在子组件中的props对象中定义users，users中有两个参数，第一个参数type（指定接收参数的类型），第二个参数required（true或false），当传递数组或对象的时候，传递的是引用，当某一个模板中的值有改变时，所有指向该数组或对象的引用都会发生改变。当传递的是基础类型数据时，传递的是值，所有的模板中该值互不影响。

5、使用事件进行子组件向父组件传值，在子组件写一个函数，函数内容为this.$emit('注册的事件名'，'需要传递的值')，在子组件中进行事件触发该函数，在父组件中的模板中的该子组件标签中绑定该函数（v-on:事件名=‘父组件中的接收事件名’）（绑定该函数的时候要传入$event实参），并在父组件中编写该函数接收参数。

6、vue中的钩子函数，一共有八个（beforeCreate（实例化前），created（实例化后），beforeMount（挂载前，虚拟DOM已经配置），mounted（挂载后，页面已经可展示），beforeUpdate（数据还未更新前，页面未展示），updated（数据更新后，页面已经可展示），beforeDestroy（实例销毁前），destroyed（实例销毁后））。

7、路由配置及使用  再main.js中import VueRouter from ‘vue-router’，然后Vue.use(VueRouter)，const router = new VueRouter（{routes:[{path:"hash值"，component:"路由名"}，{path:"hash值"，component:"路由名"}]，mode:history（消除hash值中的#/）}），并且在实例化的Vue中配置router（此处不需要填写value值）

8、http使用  安装过程与路由安装一样，this.$http.get("接口地址").then()

http://www.thenewstep.cn/test/testToken.php