程序员

Vue实例

2018-07-20  本文已影响0人  全村的希望iOS

简介

         想要使用Vue我们必须创建一个Vue的实例,然后在实例中写一些配置项。

创建一个Vue实例

        每一个Vue应用都是通过Vue函数创建一个新的Vue实例开始的:

        var vm = new Vue({

            //配置项

        })

数据与方法

        当一个Vue实例被创建时,它向Vue的响应式系统中加入了其data对象中能找到的所有属性。当这些属性的只发生改变,视图将会产生相应。

        <body>

            <div id="app">

                    <span>{{msg}}</span>

            </div> 

            <script>

                var vm = new Vue({

                        el:"#app",

                        data:{

                            msg: "hello Vue"

                        }

                })

            </script>

            <script src="Vue.main.js"></script>

        </body>

        界面会输出hello Vue

代码讲解

            el:"#app":是一个域告诉Vue挂载id为app的域下可以解析所有关于Vue的数据。

            data:定义整个页面的所有数据,相当于一个model。            


                                                    不积跬步无以至千里,不积小流无以成江海 

上一篇下一篇

猜你喜欢

热点阅读