Vue实例

作者: 全村的希望iOS | 来源:发表于2018-07-20 20:42 被阅读0次

    简介

             想要使用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。            


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

    相关文章

      网友评论

        本文标题:Vue实例

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