Vue-01

作者: 三岁就很酷耶 | 来源:发表于2018-09-10 20:15 被阅读0次

###    创建vue,先导入vue.js

    新建vue格式

```

            new Vue({

                    el:'.itany',

                            data:{

                                    msg:'hello vue'

                            }

            })

```

    v-for格式

            new Vue({

                    el:".rng",

                            data:{

                                    arr:[1,2,3,4,5],

                                    obj:{

                                            name:"Jack",age:"18"

                            }

                    }

                })

    v-model格式

                new Vue({

                       el:".Faker",

                                data:{

                                        msg:""

                                }

                })

    v-on格式

            var vm=new Vue({

                    el:'#itany',

                            data:{

                                    msg:'hello vue'

                            },

                            methods:{

                                    alt:function(){

                                            alert(vm.msg)

                                            alert(this.msg)

                                    }   

                            }

            })

相关文章

  • Vue-01

    ### 创建vue,先导入vue.js 新建vue格式 ``` new Vue({ el:'.ita...

  • Vue-01:

    首先,今天我们来了解一些Vue.js: 1.>Vue.js是什么? Vue.js是一个用来开发web界面的前端库,...

  • vue-01

    vue+webpack 优化 一.异步加载 1.异步加载组件,其实就是组件懒加载。可以理解为:当我需要使用组件的时...

  • vue-01

    1. vue-'Hellow World' el: 元素的挂载位置(值可以是CSS选择器或者DOM元素) data...

网友评论

      本文标题:Vue-01

      本文链接:https://www.haomeiwen.com/subject/qihegftx.html