vue.js是声明式编程,js是命令式编程。
类(实例)里面的叫方法,直接在script标签下的叫函数。
指令
- mustache语法
mustache语法(也就是双大括号)中不仅可以存放变量,也可以存放简单的表达式,如变量间的加减乘除(num*2,num1+num2)
一般放在元素内部(内容)
src等属性不能用mustache语法,如src="{{num}}",一般可用v-bind来代替即v-bind:src=“num”
- v-once 元素和指令只渲染一次(即页面渲染的时候),不会随着数据的改变而改变
- v-html 使字符串按照html格式编译出来,如下图
- v-cloak 在页面数据加载完成后,才显示v-cloak的标签数值(实际开发常用)
v-cloak不常用,了解即可
动态绑定属性
- v-bind 可动态绑定属性
缩写为‘:’(做项目时,常用)
动态类绑定(对象方式、数组方式)
通过对象的方式,控制是否渲染某个样式
换成方法的方式
通过数组的方式
- List item