vue踩坑记

易错点

语法好难啊qwq

• 不要把'data'写成'date'
• 在v-html/v-bind中使用vue变量时不需要加变量名
• 在非vue事件中使用vue中变量时需要加变量名

正确
    
    
     gg    
     
    
错误
    
    
     gg    
     
    

• vue结构内赋值使用:，不要写成=

data : {    answer: "123",    inputval: "1234",},

• 使用v-html,v-bind, v-model等v前缀赋值时使用=

    
    
         
     print    
     
{
    {answer}}
    

• component注册时Vue首字母必须大写

Vue.component('attack',{    template: '
attack caiji
'});

• 在methods内部调用变量名时需要在前面加上this.

methods与computed

computed与methods的区别在于：使用computed的计算时，只有当对象发生改变时才会重新计算，而methods没有缓存

    
    
          
     
{
    {ans()}}
 
         
     
{
    {reans}}