Vue遇到的问题及解决
问题 | 所属文件 | 问题描述 | 解决 | |
---|---|---|---|---|
vue_demo1.html | 运算表达式书写的时候没有注意左右的间隙 | 表达式规范书写,留有空隙 | ||
vue_demo2.html | 声明vue对象时,用Vue不起作用 | 创建Vue时,用Vue关键字出错,改用const或var | ||
vue_demo3.html | javascript中写html标签看起来比较诡异 | 写就ok,需要注意的是Vue.js2.0中废除replace函数(是否代替父元素成为父元素:true代替,false,表示父元素的子元素),并强制模板只有一个根元素 | ||
vue_demo4.html | 自定义模板中的数据最好来源;视图的展示 | 数据来源最好是写到方法中,然后引用相应的数据;视图的展示,一定记得new出来 | ||
vue_demo5.html | 方法格式出错 | 方法记得写冒号 | ||
vue_demo7.html | 查看输出找不到 | 浏览器下F12查看 | ||
vue_demo8.html | 执行destroy的生命周期出错 | destroy的单词拼写错误(ro写成了or),生命周期函数是destroy,实现的函数是destroyed 注:生命周期: | ||
vue_demo9.html | 数据只展示一次 | 在key前面写个星号即可,在2.0版本中可以使用v-once来控制 | ||
vue_demo.html | 条件没有正确显示 | v-else必须紧跟v-if语句 | ||
vue_demo10.html | 货币转换 | {{key | currency '¥' 小数点的个数}} 类似管道运算符 | |
vue_demo11.html | 计算属性失效 | ,标点忘写了 |