Vue留意小笔记

官方文档vue2.0：https://cn.vuejs.org/v2/guide/

better-scroll解决移动滑动卡顿问题：http://ustbhuangyi.github.io/better-scroll/

Mustache：

这玩意 { {}}，有个名称叫插值表达式，又或者叫胡子，又或者叫大双括号

v-once：

是V-On的一次，也就是调用方法一次

v-html和v-text区别

前面是可以将其dom元素解析，后面的变量是什么就是什么，<a href="">百度</a>.v-html显示的就是连接内容，后面的就是显示文本

v-pre：

表示的是在内容区直接显示原来的样子如{ {messgae}}，在html中的pre这标签就是这个意思，结构code标签一起使用

v-cloak：

人称斗篷，这个就是放Js的网络问题，出现卡顿，使用他，就出现{ {messgae}},给人不友好的界面。他的本质就是设置了样式为隐藏

v-bind（重点）：

可以绑定标签属性，src,value等属性，也可以绑定样式Class,style，在绑定class和style的时候，都存在对象绑定和数组绑定，两个都建议使用对象绑定

class对象绑定，key为定义的Class  的css样式名称，值为true和false，数组绑定，直接就是css样式名称

style对象绑定，key为定义的css属性名如  color ：，值为对应的css属性的值：如 red

绑定Class有两种方式

一种是对象方式，一种是数组方式

方式一：下面的是对象的方式绑定

方式二：下面的是数组的方式绑定

下面想说的是什么时候是变量，什么时候是字符串

下面说的是bing是可以调用方法的

绑定style的两种方式

1、一种对象绑定，一种是数组绑定

方式一样式的对象绑定

方式二：样式的数组绑定

作业需求

点击列表中的哪一项，那么该项的文字就变成红色

实现下面的购物车

需要的数据

创建过滤器只要是让其价格能有两个小数点，toFiex(2)，保留小数点后两位