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。            


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

相关文章

  • 第3章 Vue 基础精讲

    3-1 Vue实例 vue实例是根实例,组件也是vue实例,所以说页面是由很多vue实例组成的data(): 以d...

  • vue基础知识

    new Vue() 创建 Vue 实例,其中 Vue.components() 也可以创建 Vue 实例。 Vue...

  • vue实例

    Vue实例化 1.创建一个Vue实例 通过Vue构造函数new 一个新的vue实例, 当你创建一个vue实例,你可...

  • Vue.js学习笔记(2)

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

  • Vue.js 数据绑定、指令、事件

    Vue 实例和数据绑定 通过构造函数 Vue 就可以创建一个 Vue 的根实例,并启动 Vue 应用。Vue 实例...

  • vue实例和数据绑定

    vue实例和数据绑定 vue实例和数据绑定 通过script便签引入vue 通过vue构造函数来创建一个vue实例...

  • Vue引入、指令、挂载点、模板、实例和绑定事件

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

  • Vue实例与模板语法

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

  • Vue学习的第二天

    创建一个Vue实例 每个Vue应用都是通过Vue函数创建一个新的Vue实例开始的,所有的Vue组件都是Vue实例,...

  • Vue入门系列(二)Vue实例和组件

    Vue实例是Vue应用的启动器,Vue组件是Vue实例的扩展。 1. Vue实例 通过构造函数可以创建一个Vue的...

网友评论

    本文标题:Vue实例

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