作者:手机用户2502887641 | 来源:互联网 | 2023-06-26 09:04
1.先上vue创建的vue小案例
Hello!{{name}}
2.一个vue实例不能同时控制两个对象
例如下面这串代码:
Hello!{{name}}1
Hello!{{name}}2
最后的页面显示是:
3.一个对象只能由一个vue来控制,不能一个对象对应多个vue实例
如下图代码,当一个对象被多个vue控制的时候,代码如下:
Hello!{{name}},{{address}}
效果图如下所示:
所以一个实例只能被一个vue修饰,不能被多个vue所控制
3.模板语法:
A. 插值语法
1. 功能: 用于解析标签体内容
2. 语法: {{xxx}} ,xxxx 会作为 js 表达式解析
B.指令语法
1. 功能: 解析标签属性、解析标签体内容、绑定事件
2. 举例:v-bind:href = 'xxxx' ,xxxx 会作为 js 表达式被解析
3. 说明:Vue 中有有很多的指令,此处只是用 v-bind 举个例子
Hello!{{name}}点我去百度 {{name}} love {{school.name}}
在这里的v-bind记住就是将引号包含的变量解析为js代码就是