VUE基础

一、创建一个Vue构造函数
let app = new Vue({
el: ’ ', //管辖范围
data:{}, //数据
methods: {}, //方法
computed:{}， //计算属性【减少运算次数 缓存运算结果】
filters:{}, //过滤器
components: {test:test} //注册组件
});

二、插值符号 {{ }}

三、指令【directive】 指令本质上就是自定义属性 都是v-开头
①v-text =》 dom操作中的innerText 优先级高于插值符号
②v-html =》 dom操作中的innerHTML
③v-once
④v-for="(value,index) in arr" 第一个是值，第二个是索引
控制元素隐藏指令 指令值为布尔值
⑤v-show
⑥v-if 与 v-else 搭配使用 移除元素本身
⑦v-bind 绑定指令
⑧v-model 双向数据绑定 应用于inupt框
指令修饰符
①prevent 阻止事件默认行为
②stop 阻止事件冒泡

四、Vue自定义组件
Vue.component(组件的名称，组件配置项===vue的配置项 [有点差别]）;
例子：

Vue.component('app-header', {
		template: ' ',	//模板	
		data: function(){
			return {}
		},		
		methods: {},	
		computed:{}，	
		filters:{}	
	});

五、全局过滤器 静态方法
Vue.filter(‘double’, function(value){
return value*2;
});

六、插槽 slot
匿名插槽
具名插槽

七、父组件给子组件传值
在子组件中，如果想用父组件传递过来的数据，必须先定义props数组/对象来接收（props的使用和data几乎一样）
例子：props:[‘msg’],
注意：不要在子组件内部擅自修改props的数据

组件里面的data要传出返回一个对象

局部组件 .vue 必须要先注册使用
全局组件 Vue.component() 直接使用不用注册
一个组件应该包含自己所需要的东西[结构 行为 样式]