码迷,mamicode.com
首页 > Web开发 > 详细

vue.js随笔记---初识Vue.js

时间:2017-04-21 22:32:26      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:数据   轻量级   页面   标签   基础   inpu   bsp   mvvm   方法   

1、基础要求:

  1.1 HTML CSS JAVASCRIPT

  1.2 模块化基础

  1.3 Es6初步了解

2、vue.js

  轻量级的MVVM模式框架,他同时吸收了recat和angular的优点,他强调了recat组件化的概念,可以轻松实现数据和展现的分离,吸收了angular灵活的指令和页面操作的一些方法,但是相对于这两者,更简单易学,容易上手。

3、10s看懂vue.js

A:

<div id="demo">
    <p>{{msg}}</p>
    <input v-model="msg"/>
</div>

B:

var demoJs = new Vue({
   el:"#demo",
   data:{
         msg:"你好!"
    }  
})

A+B:

p标签中显示:你好啊!

输入框中显示:你好啊!

 

4、Vue.js的一个组件:*.vue=HTML(<template></template>)+CSS(<style></style>)+Javascript(<script></script>);

5、

 

vue.js随笔记---初识Vue.js

标签:数据   轻量级   页面   标签   基础   inpu   bsp   mvvm   方法   

原文地址:http://www.cnblogs.com/max-tlp/p/6746296.html

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