上文讲到用命令创建一个项目:
vue init webpack mcr
生成完以后,打开根目录下的index.html,添加代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>macongrui</title> </head> <body> <div id="app">{{name}}</div> <!-- built files will be auto injected --> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <script> var app= new Vue({ el:"#app", data:{ name:'majia' } }) </script> </body> </html>
运行结果: