初识 Vue
在页面输出 HELLO VUE!
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>初识Vue</title> <!-- 引入Vue --> <script src="../js/vue.js"></script> </head> <body> <!-- 准备好一个容器 --> <div id="root"> <h1>HELLO,{ { message.toUpperCase()}}</h1> </div> <script> Vue.config.productionTip = false; //阻止 vue 在启动时生成生产提示 // 创建Vue实例 ({})只传一个参数，类型为对象(配置对象) new Vue({ el: '#root', //el用于指定当前Vue实例为哪个容器服务 data: { //data中用于存储数据，数据供el所指定的容器去使用，值暂时先写成一个对象 message: 'Vue!', } }) </script> </body> </html> 模板语法 <!DOCTYPE html> <html lan
