码迷,mamicode.com
首页 > 其他好文 > 详细

菜鸟遇到vue小坑

时间:2019-08-15 21:12:51      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:func   his   菜鸟   流控   一个   --   uncaught   必须   $watch   

1 template里面的元素必须以一个根元素包裹,否则只会显示第一个元素。

2 v-on:事件名 必须小写

3 实例化Vue的data是对象,组件的data是函数返回对象。  

//实例
new Vue({
   data:{
       ...
   } 
});

//组件
Vue.component({
   data(){
       return {
           ...
       }
   }
})

  

4   不要在选项属性或回调上使用箭头函数。

let vm = new Vue({
    created()=>{
          //Uncaught TypeError: Cannot read property of undefined 或 Uncaught TypeError: this.myMethod is not a function 。
    }
})

or

vm.$watch(‘a‘, newValue => this.myMethod())。// Uncaught TypeError: Cannot read property of undefined 或 Uncaught TypeError: this.myMethod is not a function。

因为箭头函数并没有 this,this 会作为变量一直向上级词法作用域查找,直至找到为止。

 

5 Mustache表达式虽然支持js语法,但只能是单个的表达式,包括流控制和语句无效

<!-- 这是语句,不是表达式 -->
{{ var a = 1 }}

<!-- 流控制也不会生效,请使用三元表达式 -->
{{ if (ok) { return message } }}

  

 

菜鸟遇到vue小坑

标签:func   his   菜鸟   流控   一个   --   uncaught   必须   $watch   

原文地址:https://www.cnblogs.com/strayhunter/p/11359901.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!