Vue实例

简介

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


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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Vue 框架的入口就是 Vue 实例,其实就是框架中的 view model ,它包含页面中的业务 处理逻辑、数据...
    云中一樵夫阅读 1,165评论 0 1
  • Vue 框架的入口就是 Vue 实例,其实就是框架中的 view model ,它包含页面中的业务处理逻辑、数据模...
    阿根廷斗牛阅读 967评论 0 2
  • 一个阳光明媚的早晨,我们西湖博才小学组织春游去盘龙大观园。 一路上我们欢歌笑语,很快就来到了目的地。 ...
    93213dd6c7fc阅读 210评论 3 2
  • 每天坚持早起打卡的感觉很好,又最开始的间间断断,到后来的1天2天的累计,看着自己的成果不断在叠加很开心。 今天刚开...
    Carly咔阅读 160评论 0 0
  • 2017.9.6,星期三,晴。 今天隐约感觉膝盖不舒服,担心风湿性关节炎所以没有骑电动车。 一家三口上了一辆车,先...
    高山雪原阅读 515评论 0 0

友情链接更多精彩内容