vue(4)

原创 2017年01月03日 15:49:23

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

关于一些Vue的文章。(4)

同时发表在我的博客。接着上一篇,我们继续来讲Vue的Virtual Dom diff 算法中的patchVnode方法,以及核心updateChildren方法。在上篇中,我们谈到,当vnode不为真...

4-Vue入门之数据绑定

Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML...

Vue.js 学习(4) -- 计算属性和Watchers

上一节我们知道了,在大括号插值和v-bind指令中,我们可以使用表达式。但是,如果表达式的逻辑太多、或者使用次数很多的时候,会让代码难以维护,使用模版的代码反而不再简单和清晰。这种情况下,与其使用复杂...

4、vue.js的使用

一、参考资料 https://segmentfault.com/q/1010000004296954 官网:http://cn.vuejs.org/examples/commits.html ...

Vue.js系列之vue-router(中)(4)

说明:我们项目现在用的是:vue2.0 + vue-cli + webpack + vue-router2.0 + vue-resource1.0.3 如果大家在实践的过程中与本文所说的内容有较大...

vue.js之路(4)——vue2.0s中eventBus实现兄弟组件通信

在vue1.0中,组件之间的通信主要通过vm.$dispatch沿着父链向上传播和用vm.$broadcast向下广播来实现。然而在vue2.0中,已经废除了这种用法。 vuex加入后,对组件之间的...

用vue构建项目笔记4(在vue中使用sass的配置)

在vue中使用scss

Vue.js权威指南

内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)