引入vue.js 文件

 一、引入vue.js 文件

 1. 用脚本标签

2. 下面在一个新的 

二、格式:

1. 通过用 Vue 函数创建一个新的 Vue 实例

 双重大括号 {{ }} 内放置数据代号 message

部分

   {{ message  }}                    // 双重大括号{{ }} 内放置数据代号message

网页效果 :

2. 响应式修改数据

可通过改变代号属性值,修改之前的数据


var app=new Vue({
el:"#app",                 //绑定的元素
data:{
      message:'Hello Vue'  //元素内数据代码 message
}
});

//响应式。可修改数据
app.message="我改变了原来的代码"

app.message="我改变了原来的代码"

网页效果 :

你可能感兴趣的:(vue)