使用vuejs输出Hello world

VueJS入门：输出Hello World

最新推荐文章于 2024-02-14 16:53:09 发布

小花橙色

最新推荐文章于 2024-02-14 16:53:09 发布

阅读量781

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_43682817/article/details/86613051

本文介绍了如何使用VueJS创建一个简单的“Hello World”示例。VueJS是由中国人开发的，与AngularJS类似，但有其独特的特点，如使用Dom属性进行数值绑定。文章通过代码展示VueJS的数据绑定和双向绑定机制。

看了大半年的AngularJS一直对与之相提并论的ReactJS及VueJS很感兴趣，简单的写了一个入门演示：

官网是这个：http://vuejs.org/
作者是中国人，还是很自豪的

与Angular类似，需要引入vue.js文件。

示例代码：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <script src="vue.js"></script></head><body>    <div id="app">        <p>{{message}}</p>        <input v-model="message">    </div>    <script>    var exampleData = {        message: "hello world"    }    new Vue({        el: "#app",        data: exampleData    })    </script></body></html>
  1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23