{{}}与v-bind的核心差异
维度 |
（插值语法） |
（v-bind 绑定） |
适用场景 |
元素的文本内容（如 ） |
HTML 元素的属性（如 、 、 ） |
语法本质 |
直接插入数据到文本节点 |
将属性值与 Vue 实例数据建立响应式关联 |
编译结果 |
转换为 |
转换为 |
动态更新 |
文本内容随数据变化自动更新 |
属性值随数据变化自动更新 |
总结：什么时候用:或{{}}
需求场景 |
使用语法 |
示例 |
动态设置 HTML 属性值 |
（v-bind） |
|
插入动态文本内容 |
（插值语法） |
|
绑定布尔型属性（如 disabled） |
（值为 true/false） |
|
const result = await axios.get(`https://web-server.itheima.net/emps/list`, { params: this.queryForm }) //先进行页面渲染，参数为空，所以，参数全部渲染，之后根据按钮关联进行数据再次渲染（依据参数按钮参数），实际上，一次按钮就是一次请求
mounted() { this.query();//页面加载完成时自动运行查询，不用等用户点击查询按钮就可以展现数据 },
在mounted（）中调用，在运行时进行渲染
