首页 > 其他 > 详细

vue学习

时间:2016-08-03 10:24:51      阅读:232      评论:0      收藏:0      [点我收藏+]

vue的常用:

var vm=new Vue({});

 

var demo = new Vue({
    el: ‘#demo‘,
    data: {
        title: ‘todos‘,
        todos: [
            {
                done: true,
                content: ‘Learn JavaScript‘
            },
            {
                done: false,
                content: ‘Learn vue.js‘
            }
        ]
    }
})

<div id="demo">
    <h1>{{title | uppercase}}</h1>  //大写展示
    <ul>
        <li
            v-repeat="todos"
            v-on="click: done = !done"
            class="{{done ? ‘done‘ : ‘‘}}">
            {{content}}
        </li>
    </ul>
</div>

 

2:路由  vue-router,(路由传值)

3:组件  component (先构建,后注册,在使用)

可以使用ajax,进行数据的访问后台,返回数据,来修饰(post和get)

4:事件绑定 v-modle

5:循环(v-for)。判断(v-if),排序,拦截器(filter)

 

vue学习

原文:http://www.cnblogs.com/tdf-/p/5731611.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!