vue.js的第一个helloWorld

来源:互联网 发布:java彩票程序 编辑:程序博客网 时间:2024/05/16 11:41

Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM

(1)第一步:去官网下载vue.js

http://cn.vuejs.org/v2/guide/index.html

(2)将js引入到普通的html代码中

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

(3)写一个名叫vueFirst的div

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


(4)写一个调用这个,特别注意:要把js放在最后面!!!!

<script>    new Vue({        el: '#vueFirst',        data: {            message: 'Hello World Vue.js'        }    })</script>
(5)最后效果

(6)具体代码:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="../vue.js"></script></head><body>    <div id="vueFirst">        <p>{{message}}</p>    </div></body><script>    new Vue({        el: '#vueFirst',        data: {            message: 'Hello World Vue.js'        }    })</script></html>





原创粉丝点击