Vue学习日志之语法糖

语法糖（Syntactic sugar），也译为糖衣语法，是由英国计算机科学家彼得·约翰·兰达（Peter J.
Landin）发明的一个术语，指计算机语言中添加的某种语法，这种语法对语言的功能并没有影响，但是更方便程序员使用。通常来说使用语法糖能够增加程序的可读性，从而减少程序代码出错的机会。-百度百科

Syntactic sugar

名字很甜，让人用的也很开心，毕竟是简化语言。
使用语法糖
v-bind 用：代替即可
v-on 用@代替

<a v-bind:href="url"></a>
<a :href="url"></a><img v-bind:src="imgUrl">
<img :src="imgUrl">

<button v-on:click="handleClose"></button>
<button @click="handleClose"></button>

待发现更多

Vue学习日志之语法糖相关推荐

Vue学习日志之指令和事件
鸭鸭 GO! v-if:判断show的true or false <!DOCTYPE html> <html><head><meta charset=&quo ...
【Vue学习】基础语法（五）
九.组件化高级 1.插槽slot 作用:让封装的组件更加具有扩展性,使用者可以决定组件内部的一些展示内容. 1.1 插槽的基本使用可设置默认值button 如果有多个值,同时放入到组件进行替换时,会 ...
Vue学习(二)-胡子({{}})语法
一,插值操作这种语法叫做 Mustache 语法中文叫做胡子的意思,两个 {{}} 长的比较像胡子,所以这样命名了 <body><div id="app"&g ...
vue学习日志-过滤器
一.过滤器 1.1 概述 (1)过滤器(Filters)提供了一种执行文本转换的方法,比如说都转换成大写字母或者几乎做任何我们想做的事情. (2)过滤器既可以在双花括号插值中使用,也可以在 v- ...
vue学习日志--3-路由基础配置
路由使用Vue Router官方路由Home | Vue Router (vuejs.org) 在存放路由的文件夹创建index.js页面首先引入createRouter和createWebHash ...
vue学习01--模板语法
1.基础知识 1.new Vue 创建一个实例,传入一个对象. 2.对象包括: el:作用域 data:所用到的数据 methods:所用到的函数 3.{{}} 数据绑定其中不止可以绑定data,也 ...
【Vue学习】基础语法（六）
十二. Vue CLI (脚手架) 1. Vue CLI的介绍和安装 1.1 介绍方便我们快速搭建Vue开发环境及对应的webpack配置使用前提: Node,Webpack 安装NodeJS,W ...
Vue学习日志之cli2和cli3目录结构
参考菜鸟教程代码结构https://www.runoob.com/vue2/vue-directory-structure.html 以上是vue-cli2的目录结构 vue-cli3较2有比较大的改 ...
知道尤雨溪为什么要放弃 $ 语法糖提案么？
前言最近看到一篇文章: <最新,Vue 中的响应性语法糖已废弃> 本文标题中的 $ 语法糖指的就是上文中的响应式语法糖 (Reactivity Transform),那为什么不写 Rea ...

Vue学习日志之语法糖

Syntactic sugar

Vue学习日志之语法糖相关推荐

最新文章

热门文章