实例化vue对象,及属性

//html

<div id="app">
    <span>我的名字: {{ name }}</span>
    <span>我的年龄: {{ age }} </span>
    <span>{{ names('很棒') }}</span>
</div>


//js

new Vue({
    el: '#app',
    data: {
        name : '小星星',
        age  : '30'
    },
    methods:{
        names: function(time){
            return '我是不是很棒' + time + " " + this.name  + "!";
        }
    }
    
})

 
属性元素:
        el: element  需要获取的元素,一定是html中的根容器元素
        data: 用于数据的存储
        methods: 它是一个对象,用于存储各种方法
        

版权所有:《云峰之上
文章标题:《实例化vue对象,及属性
除非注明,文章均为 《云峰之上》 原创
转载请注明本文短网址:http://mrwenfeng.com/?post=10  [生成短网址]

暧昧贴

发表评论

    微笑 大笑 拽 大哭 奸笑 流汗 喷血 生气 囧 不爽 晕 示爱 卖萌 吃惊 迷离 爱你 吓死了 呵呵