去vue官网下载vue.js
引用vue.js
vue语法
一个vue实例,绑定一个容器,一对一关系
<!DOCTYPE html>
<html><head><meta charset="UTF-8"/><title>初始Vue</title><script type="text/javascript" src="../js/vue.js"></script></head><tbody><!-- 准备好一个容器 --><div id="demo"><h1>Hello,{{name.toUpperCase()}},{{address}}</h1></div><script type="text/javascript">Vue.config.productionTip = false//创建Vue实例new Vue({el:'#demo', //el用于指定当前Vue实例为哪个容器服务,值通常为css选择器字符串。data:{ //data中用于存储数据,数据供el所指定的容器去使用,值我们暂时先写成一个对象。name:'atguigu',address:'北京'}})</script></tbody>
</html>