1、计算属性
Vue-1

computed是计算属性,只有当计算属性里的所涉及的数据发生改变时,对应的函数才会执行一次,这样的方式比methods和watch更好。
computed不光可以写方法,还能写成对象,对象里面放get和set方法
对数据进行操作尽量使用计算属性

Vue-1
2、class和style绑定
绑定class中""(字符串)中是对象或者数组
Vue-1

class "{}/[]"
{} => key/value
key值对应要绑定class的名字    value是个布尔值,决定能不能绑定,是true可以绑定,反之不能。

[] => 数组中放的每一项都是要绑定的类名。

实现点击切换类名
Vue-1
实现点击切换类名
Vue-1

style  '{}/[]


Vue-1
或者
Vue-1

绑定多个对象应该用数组实现。

3、条件渲染
Vue-1

如果频繁操作就需要使用v-show

Vue-1
Vue-1
Vue-1
4、列表渲染

v-for 中的item应该自己写,:key是为了增加性能

Vue-1
Vue-1

相关文章:

  • 2021-06-29
  • 2021-11-25
  • 2021-04-09
  • 2021-08-22
  • 2021-04-17
  • 2021-09-15
  • 2022-01-09
  • 2021-07-07
猜你喜欢
  • 2021-05-03
  • 2022-12-23
  • 2021-09-06
  • 2022-12-23
  • 2021-12-23
  • 2022-12-23
  • 2022-01-07
相关资源
相似解决方案