09-Vue-概述
Vue官网:Vue.js (vuejs.org)
Avue文档:Date日期 | Avue (avuejs.com)
前置工作
1) 在使用 Vue 时,我们推荐在你的浏览器上 安装 — Vue.js (vuejs.org),它允许你在一个更友好的界面中审查和调试 Vue 应用。
2) 直接下载开发版本的vue.js,并用 <script>
标签引入,Vue 会被注册为一个全局变量
3) 阻止 vue 在启动时生成生产提示
Vue.config.productionTip = false;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue-快速入门</title> <script type="text/javascript" src="./js/vue.js"></script> </head> <body> <div id="app"> <h1>{{message}}</h1> </div> <script type="text/javascript"> // 阻止 vue 在启动时生成生产提示 Vue.config.productionTip = false // 创建Vue实例 new Vue({ el:"#app", data:{ message:"Hello World!" } }) </script> </body> </html>