vue2和vue1.0的区别

为什么80%的码农都做不了架构师？>>>   

1、生命周期的阶段不同

2、过渡效果的方法更丰富

3、父子之间数据传递方式不变。子组件传递数据给父组件，通过$emit触发事件，然后父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。

已经去掉了$dispatch() 派发事件和$broadcast() 广播事件

4、render函数

 

warn:vue.js:525 [Vue warn]: Failed to resolve directive: ref (found in component )

<child1 ref="cc1"></child1>

 

Property or method "$index" is not defined on the instance but referenced during render

<div v-for="(item, index) in items"></div>

 

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "pages" 

vuejs2.0中，任何试图在组件内修改通过props传入的父组件数据都被认为是anti-pattern的

 

filter过滤器在2.0不起作用,只能用在{{}}和v-blind表达式里面，注册的过滤器的时候还要全局注册

Vue.filter('roleNameFilter', (id) => {
  return this.roleinfo[id]
})

 

v-ref:page 已经废弃，改成ref="page"

 

html 写变量{{}}已经弃用，id="right-{{ option.name }}" to v-bind:id="'right-' + option.name"

转载于:https://my.oschina.net/dawd/blog/1082946