//index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> </head> <body> <div id="vue-app"> <h1>{{ name }}</h1> </div> <script src="app.js"></script> </body>
new Vue({
el:"#vue-app",
data:{
name:"001002003"
}
});
首先用script引入vue（暂时还没下载，先暂时引入）
name要用两个花括号
对于js文件，首先要new一个实例，
new Vue({});
el：element，需要获取的对应元素，html中的容器，（id名）
data：数据存储，里面的值自己设置
PS:用逗号分隔，不要用分号！！！！
如果，在div外使用{{ name }}，是不会出现字符串的，因为离开了div块，el的容器