Stephen_Numb的博客

路漫漫其修远兮,吾将上下而求索

vue(4)

我们知道,在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。

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Stephen_Numb/article/details/53995153
上一篇vue(3)
下一篇清除浮动的几种常用方法
想对作者说点什么? 我来说一句

vue权限管理

2017年12月25日 3.66MB 下载

VUE整理(三)

2017年12月05日 21KB 下载

vue从入门到精通, vue入门书籍

2018年07月03日 1.63MB 下载

VUE整理(二)

2017年12月05日 24KB 下载

vue学习视频.txt

2018年01月03日 49B 下载

vue最新版本

2017年11月28日 1.34MB 下载

vue后台管理模板

2018年05月19日 49.45MB 下载

VUE整理(七)

2017年12月08日 9KB 下载

没有更多推荐了,返回首页

关闭
关闭