码迷,mamicode.com
首页 > 其他好文 > 详细

vue学习之旅:入门

时间:2017-06-24 10:02:32      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:nbsp   UI   .com   声明   var   unp   demo   log   ejs   

首先利用脚手架vue cli搭建vue环境

引入 vue

<script src="https://unpkg.com/vue/dist/vue.js"></script>

 

然后参照官网 (https://cn.vuejs.org/v2/guide/)

做demo

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

js

<script type="text/javascript">
   var app = new Vue({
        el: ‘#app‘,
        data: {
          message: ‘Hello Vue!‘
     }
})
new Vue(): 声明一个vue对象
ele :(即element),页面元素
( el: ‘#app‘,指向 id="app"的元素)
data: 数据

 {{}}: 绑定,{{message}}表示绑定到vue对象里的message
——————————————————————————————————————————————-

vue学习之旅:入门

标签:nbsp   UI   .com   声明   var   unp   demo   log   ejs   

原文地址:http://www.cnblogs.com/zyjzz/p/7072384.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!