vue.js笔记

Posted on | In ,

  1. 多个实例为什么不能同时挂载一个element?
    其实是可以创建多个实例的。
    只是在第一个实例创建并渲染后，html里别的实例的模板语句已经不存在了，可能还会报错别的实例中的数据并不能在第一个实例中找到。
    详情可以看着我之前的这个问题

  2. v-bind的假值 [文档变更]
    null undefined false(包括字符串’false’)

  3. v-on监听原生事件
    v-on:xxx只会监听自定义事件 (组件用 $emit 触发的事件)
    v-on:click.native监听原生click事件 (router-link需要加上.native才能触发)
  4. vm.$nextTick( [callback] ) 
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    <ul id="demo">
        <li v-for="item in list">{{item}}</div>
    </ul>
    new Vue({
        el:'#demo',
        data:{
            list=[0,1,2,3,4,5,6,7,8,9,10]
        },
        methods:{
            push:function(){
                this.list.push(11);
                this.nextTick(function(){
                    alert('数据已经更新')
                });
                this.$nextTick(function(){
                    alert('v-for渲染已经完成')
                })
            }
        }})