日星网 windows 中文论坛

 找回密码
 加入我们

QQ登录

只需一步,快速开始

查看: 283|回复: 0

Vue.js 之 Hello VUE

[复制链接]
发表于 2018-1-5 09:38:38 | 显示全部楼层 |阅读模式
Hello Vue

安装方法 npm i -S vue
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <title>Hello Vue</title>
  7.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8. </head>
  9. <body>
  10.     <!-- 指定vue管理内容区域,需要通过vue展示的内容都要放到找个元素中  通常我们也把它叫做边界 数据只在边界内部解析-->
  11.     <div id="app">{{msg}}</div>
  12.     <script src="/common/js/vue.js"></script>
  13.     <script>
  14.         var vm = new Vue({
  15.             //el:提供一个在页面上已存在的DOM元素作为Vue实例的挂载目标
  16.             el: '#app',
  17.             //Vue实例的数据对象,用于给View 提供数据
  18.             data: {
  19.                 msg: "Hello Vue"
  20.             }
  21.         })
  22.     </script>
  23. </body>
  24. </html>
复制代码
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

手机版|小黑屋|日星网 ( 黑ICP备07001742号 )

GMT, 2018-11-17 03:09 PM , Processed in 0.014789 second(s), 18 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表