HTML5前端知识分享：Vue入门

1、html5前端知识分享：vue入门vue 是渐进式框架，自底向上增量开发，是构建数据驱动的web界面，他通过尽可能容易的api实现响应的数据绑定和组合的视图组件，与angularjs，相比它小巧，运行快数据绑定都用法 ，与react相比都提供了 组件化的试图组件，都集中在核心库，有丰盛的插件库。1. 常用标签v-model 双向关联v-else 与 v-else在上下相近的标签里用法，分开就会影响条件的推断v-for （a ， b）in c 遍历c ，参数a 代表各个对象，b代表索引v- text 想内部注入文本，标签内部不再写内容v-html 内部可以注入标签，但也是黑客突破网络的窗口v-b

2、ind 可以动态的绑定内容 例如v-bind：src= url在下方模块的data部分写路径假如挺直写入路径会报错动态的绑定 component 中 ：is=name2、监听第一种写法vm.$watch (‘’,function( newvalue , oldvalue) )在vm=new vue外部写的 $watch 是由于在外部调用 ，升成全局 同理 $el其次种写法挺直在vue初始化中通过vue内部写的watchmsg:function(newvalue,oldvalue)3、过滤器（vue 1.0 有内置过滤器 vue2.0 自定义过滤器）fil

3、ter 是过滤器语法， 写在 vue前vue.filter(‘过滤器名字’,function(value)if(value )return /详细操作if(value)return /详细操作)调用 值 | 过滤器名字 4、大事阻挡冒泡1）函数内部阻挡大事冒泡 e.cancelbubble=true; / 在 vue 的methods 内声明大事是添加原话2）标签内阻挡大事冒泡 click.stop=show1() /添加一个stop 即可，其他正常写3）键盘大事 keydown 函数中猎取键盘编码keycode4）在标签内挺直绑定按键大事 （英文名或键

4、盘码）keyup.13=functionname() keyup.enter=functionname()5、生命周期 共11个通俗理解是一个组件之类的加载失效的过程，类比于生命的开头与结束，这些特别的时光节点被当做大事的触发条件，省去了绑定大事发生的代码量。箭头函数this指向父级 不是实例，所以不能绑定生命周期常用的几种beforemount在挂载开头之前被调用mounted el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用6、传值1）父传子（通过在子组件标签上绑定自定义属性式的命令，值为传递的数据，子组件内部通过props属性名接收（数组形式 加引号【 name】），子组件的模板内，挺直解析加载接收的属性名。）调用2）子传父（通过在 子组件标签上绑定自定义大事，子组件内部通过$emit举行数据推送父组件通过大事调用函数参数举行数据接收）子组件script中父组件body中父组件的办法中将收到的数据给予data3）平行组件传值（非父子组件 之间 传值—空vu