<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue基础</title> </head> <body> <!-- vue:javascript框架+简化Dom操作+响应式数据驱动 基本步骤： 1、导入外部js 2、创建Vue实例对象，设置el属性和data属性 3、使用简洁的模板语法吧数据渲染到页面上 Vue实例的作用范围：Vue会管理el选项命中的元素及其内部的后代元素 可以使用其他的选择器，但是建议使用ID选择器 可以使用其他的双标签，不能使用HTML和BODY --> <div id="app">{{message}}</div> <script src="./js/vue.js"></script> <script> var app = new Vue({ el:"#app", data:{ message:"hello world" } }) </script> </body> </html>