vue实例属性的方法

1.$mount() 手动设置挂载点 eg：vm.$mount("#app")

2.$destroy() 销毁 eg：vm.$destroy();

3.$forceUpdate 强制更新，解决data里面没有的数据的更新（强制调用了render方法，对所有的的数据进行了更新）eg：vm.$forceUpdate();

4.$on() 事件绑定

5.$emit() 事件触发

6.$off() 事件解绑

7.$once() 只绑定一次

原文地址：https://www.cnblogs.com/xuazi-7an/p/10561383.html

时间： 2024-10-07 04:06:12

vue实例属性的方法的相关文章

jQuery实例属性和方法

jQuery.fn = jQuery.prototype = { //添加实例属性和方法 jquery : 版本 constructor : 修正指向问题 init() : 初始化和参数管理 selector : 存储选择字符串 length : this对象的长度 toArray() : 转数组 get() : 转原生集合 pushStack() : JQ对象的入栈 each() : 遍历集合 ready() : DOM加载的接口 slice() : 集合的截取 first()

jQuery源码解析（jQuery对象的实例属性和方法）

1.记录版本号以及修正constructor指向 jquery: core_version, constructor: jQuery, 因为jQuery.prototype={ ... } 这种写法将自动生成的jQuery.prototype.constructor属性覆盖删除,所以需要重新修正(指向其构造函数 jQuery).2.init() 初始化方法: init()方法最终返回的是this -jQuery(其实是jQuery.prototype.init)方法的实例对象. 实例对象继承

vue实例属性（vm.$els）

不需要表达式参数: id(必需) 用法: 为 DOM 元素注册一个索引,方便通过所属实例的 $els 访问这个元素. 注意: 因为 HTML 不区分大小写,camelCase 名字比如 v-el:someEl 将转为全小写.可以用 v-el:some-el 设置 this.$els.someEl. 我的理解:$els类似于document.querySelector('.class')的功能,可以拿到指定的dom元素. Eg: <div v-el:mainContainer></div

javascript数组的实例属性（方法）

javascript的所有数组实例对象,除了可以给自己增删属性之外:都会从Array.prototype继承属性(方法).修改Array的原型会影响所有的数组实例. 数组实例的属性: Array.prototype.constructor: 所有数组都继承了这个属性,它的只是''Array'',表明了所有的数组都是有Array构造出来的. Array.prototype.length: 因为Array.prototype也是个数组,所以也有length属性,这个值为0,因为它是个空数组.这个也不

Vue常用属性和方法

data 数据 methods 方法 wacth 监听 v-bind:attr 元素属性设置 v-modle:数据表单控件实现双向绑定 v-on: 事件触发 <router-view></router-view> 路由

vue构造器以及实例属性

一.构造器 1.vue.js就是一个构造器,通过构造器Vue来实例化一个对象:例如:var vm = new Vue({}); 2.实例化Vue时,需要传入一个参数(选项对象): 3.参数:选项对象可以包含,数据(data).挂载元素(el).方法(methods).模版(template).生命周期函数等等: 4.扩展构造器Vue,从而用预定义选项创建可复用的组件构造器,所有组件都是被扩展的Vue的实例,使用Vue.extend({})来扩展: 注意:尽管可以命令式地创建扩展实例,不过在多数情

Vue2.0笔记——Vue常用实例属性，实例方法

实例属性 vm.$el vm.$data vm.options vm.$refs vm.$root vm.$el 该实例属性用于获取Vue实例使用的根DOM元素,即el选项所指的元素DOM <body> <div id="app"> <h4>你好,这是四级标题</h4> <p>这是一个段落,我什么都不想说</p> </div> <button onclick="getEl()"

Vue框架（一）——Vue导读、Vue实例（挂载点el、数据data、过滤器filters）、Vue指令(文本指令v-text、事件指令v-on、属性指令v-bind、表单指令v-model)

Vue导读 1.Vue框架 vue是可以独立完成前后端分离式web项目的js框架三大主流框架之一:Angular.React.Vue vue:结合其他框架优点.轻量级.中文API.数据驱动.双向绑定.MVVM设计模式.组件化开发.单页面应用 Vue环境:本地导入和cdn导入 2.Vue是渐进式js框架通过对框架的了解与运用程度,来决定其在整个项目中的应用范围,最终可以独立以框架方式完成整个web前端项目.3.怎么使用vue 去官网下载然后导入 <div id="app">

vue实例

一.构造器每个vue应用都是通过构造函数vue创建一个vue的根实例启动的 var MyComponent=Vue.extend({ //扩展选项})var myComponentInstance=new MyComponent() 二.属性和方法每个vue实例都会代理其data对下里所有的属性: var data={a:1}var vm=new VUe({ data:data})vm.a===data.a //truevm.a=2data.a //2data.a=3vm.a //3 只有这