插值语法
功能： 用于解析标签体内容
写法： {{XXX}} XXX是js表达式，可以直接读取到data中的所有属性
| <body> |
| <div id="root"> |
| <h1>插值语法</h1> |
| <h3>你好，{{name}}</h3> |
| <hr> |
| </div> |
| |
| <script> |
| Vue.config.productionTip = false; |
| new Vue({ |
| el :"#root", |
| data:{ |
| name :"张三" |
| } |
| }) |
| </script> |
| </body> |
指令语法：
功能：用于解析标签（包括：标签属性，标签体内容，绑定事件。。。。）
举例： v-bind:href:"XXX" 简写 :href="XXX" XXX同样要写JS表达式，且可以直接读到data中的所有属性
当然还有很多指令，不止这么点
| <body> |
| <div id="root"> |
| <h1>指令语法</h1> |
| <a v-bind:href="adress.url1">百度</a> |
| |
| <a :href="adress.url2">淘宝</a> |
| </div> |
| |
| <script> |
| Vue.config.productionTip = false; |
| new Vue({ |
| el :"#root", |
| data:{ |
| adress:{ |
| url1:"www.baidu.com", |
| url2:"www.taobao.com" |
| } |
| } |
| }) |
| </script> |
| </body> |
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 字符编码：从基础到乱码解决