vue.js学习笔记之属性绑定 v-bind

vue.js中有许多的指令,其中属性绑定的是v-bind。

v-bind可以绑定src,style,class

一、地址绑定

HTML代码:


    
js代码:


网页编译后的代码是:
 CSDN blog 
二、样式绑定

HTML代码:


    

Hello,I am {{myname}}

js代码:


值得 注意 的是:样式绑定的时候,有的属性是有带“-”符号的,比如js代码中的font-size,如果直接写会报错 Uncaught SyntaxError: Unexpected token - ), 这时,有两种解决方法:1、我们需要将font-size给加 单引号 -->'font-size';2、可以用 驼峰命名法 解决,如fontSize。


至于v-bind的绑定class的,暂时还没接触到,后续接触会继续更新......



你可能感兴趣的:(手机跨平台应用开发记录笔记)