关闭

vue(4)

123人阅读 评论(0) 收藏 举报

我们知道,在Vue里面,需要实例化一个vue对象,那么vue有哪些方法呢?我们平时常用的又有那些呢?第一个,经常用的就是$mount,一个就是$options。下面具体介绍下用法。

我们知道,vue中el的主要作用是为实例提供挂载元素。值可以是 CSS 选择符,或实际 HTML 元素,或返回 HTML 元素的函数。如果在初始化的时候没有给定el的值,那么实例就无法编译,这个时候,就需要$mount手动挂载元素。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js"></script>
</head>
<body>
    <div class="box">
        <span>{{msg}}</span>
    </div>
</body>
<script>
    var vm = new Vue({
//        el:'.box',
        data:{
            msg:'hello world'
        }
    })
    vm.$mount('.box');
</script>
</html>

在上面加粗的代码中,与el:'.box'的作用是一样的,当然我们也可以这么做:var vm=new Vue({}).$mount('.box')。

如果用户自定义了一些属性和方法,这个时候就需要$.options登场了。

<script>
    var vm = new Vue({
//        el:'.box',
        data:{
            msg:'hello world'
        },
        show:function () {
            alert(1);
        }
    })
    vm.$mount('.box');
    vm.$options.show();
</script>

如上图所示,我们自定义了一个show方法,这个时候,如果想访问这个show函数,就需要$options来访问。如果需要查看vm的状态,就可以使用$log。

1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:5119次
    • 积分:224
    • 等级:
    • 排名:千里之外
    • 原创:16篇
    • 转载:3篇
    • 译文:0篇
    • 评论:0条