1.组件component

1.1 什么是组件

简单的理解为自定义的HTML元素

1.2 为什么要使用组件

封装可重用的代码，进行模块化开发 组件可以理解为一个模块

1.3 组件的使用

1.3.1 必须先注册一个组件

注册组件的方式有两种

# 注册一个全局组件

Vue.component("组件名(即自定义标签名)","组件相关配置内容")


# 注册一个局部组件

new Vue({
el:"#app",
components:{
"组件名":{配置内容 }
}
})

1.3.2 组件中的模板(template) 其他定义方式

# Vue.js提供了两种方式将定义在JavaScript中的HTML模板分离出来

方法一：

使用<script>标签

eg：
<script type="text/x-template" id="">
html内容
</script>

# id属性一定要有，Vue.js根据这个id查找对应的元素，然后将这个元素内的HTML作为模板进行编译
方法二：

使用<tempalte>标签

<template id="">
html内容
</template>

1.3.3 父子组件中数据传递

父组件传递数据给子组件时候一定要使用props


2. 自定义过滤器

2.1 全局注册

Vue.filter("过滤器名",calbback)

callback 一定要有返回值

2.2 局部注册

eg：

new Vue({

el:"#app",
filters:{
过滤器名:function(value){

return
}
}
})

# 注意 自定义过滤器只能使用在插值表达式中


3. vue路由 vue-router

# vue-router是单页面路由，其原理才使用ajax来加载数据的