Vue.js的Hello world

1.关于Vue的引入,这里推荐直接<script>引入:

<script src="vue.js"></script>

2.创建一个html界面,在<body>中编写代码:

<div id="app">
    <p>{{ message }}</p>
</div>

3.在<script>中编写js代码:

new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!'
        }
    })

4.运行这个html界面:


至此,第一个Vue.js程序就运行起来了


发布了35 篇原创文章 · 获赞 5 · 访问量 9518

猜你喜欢

转载自blog.csdn.net/iiiliuyang/article/details/79337447