二、格式:
1. 通过用 Vue 函数创建一个新的 Vue 实例
1 |
双重大括号 {{ }} 内放置数据代号 message
1 2 3 4 5 6 | 部分 <div v-once= "" id= "app" > {{ message }} // 双重大括号{{ }} 内放置数据代号message </div> |
网页效果 :
Hello Vue
2. 响应式修改数据
可通过改变代号属性值,修改之前的数据
1 2 3 4 5 6 7 8 9 | var app= new Vue({ el: "#app" , //绑定的元素 data:{ message: 'Hello Vue' //元素内数据代码 message } }); //响应式。可修改数据 app.message= "我改变了原来的代码" |
pp.message="我改变了原来的代码"
网页效果 :
我改变了原来的代码
以上就是本次给大家分享的全部知识点内容,感谢大家的学习和对的支持。