vue.js相关

//创建一个Vue对象
vm = new Vue({
    el:'#div01',    //类似于标签选择器
    data:{    //设置Vue对象的属性
        msg:'hello'
    },
    mounted:function(){    //当页面加载完成后自动执行的方法类似于jQuery的ready()
        
    },
    methods:{    //设置Vue对象的方法
        fnChange:function(){
            msg += 'hello';
        }
    }

});


v-bind: //用来设置元素的class属性可简写为 :
v-on: //用来绑定事件,可简写为@
v-model=    //用来绑定vue的变量和元素的value
{{ msg }}    //可在html标签中插入vue的变量

//元素渲染
v-show= //用来控制元素的隐藏与显示
v-if=
v-else-if=
v-else=    //用来控制显示/删除元素
v-for=    //用来遍历数组或对象

待续...

猜你喜欢

转载自blog.csdn.net/sdzhr/article/details/81455666