vue学习

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）

 

转载于:https://www.cnblogs.com/tdf-/p/5731611.html