Vue.js笔记(一)

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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值