vue2学习笔记6 - 初步了解vue的实例和原型

于 2024-07-16 09:15:00 发布
阅读量935 收藏 18
点赞数 8
CC 4.0 BY-SA版权
分类专栏： Vue 文章标签： 学习 笔记 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/l_q_l/article/details/140420794
Vue 专栏收录该内容
59 篇文章 ¥19.90 ¥99.00
订阅专栏

Vue实例

首先，看看创建Vue实例之后，Vue中都有什么：

open in Live Server，打开开发者模式，在console中，可以看到打印出来的vm对象：

很长很长，未截全。但是，这些数据大概分为两类，以$开头的，和以_开头的。

1、$: Vue中暴露出来，可供用户调用的内置属性和方法

红框中带有$符的，是Vue框架提供的，可供用户调用的内置属性和方法们。从官网API中可看出，它们大概分为4类：实例属性，实例方法/数据，实例方法/事件，实例方法/生命周期。它们用于提供框架的一些功能。

这些实例属性和方法只能在 Vue 实例或组件内部使用。在模板中，我们可以直接访问这些属性和方法，但在 JavaScript

了解本专栏 订阅专栏 解锁全文
vue2学习笔记9 - 通过观察vue实例中的data,理解Vue中的数据代理
l_q_l的专栏
07-18 349
其实，我们并没有在vm下定义这两个属性，只是在data中定义的，外面这两个，便是vue通过object.defineProperty自动给我们添加的，并且也调用了setter、getter方法，这便是vue的数据代理。在Vue中，数据代理是指在实例化Vue对象时，将data对象中的属性代理到Vue实例上，以便在模板中直接访问和修改data对象中的属性。接着上一节，学一学vue中的数据代理。然而，在vm中，外层，我们同样可以看到两个属性（不带$或_，即不是vue的内置属性或方法，而是用户自定义的）。
Vue学习笔记六--Vue3学习
铁马冰河入梦来
01-10 3359
Vue3.0最新语法
Vue源码学习之原型引入
null
09-08 516
主要简析vue 全局API，原型属性，方法，事件引入
Vue中的原型链prototype
benlalagang的博客
07-04 2006
尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通_哔哩哔哩_bilibili前置所需Promise、axios、ES6、Ajax知识均有系统、强大、独立课程，链接在置顶评论中！喜欢的话记得一键三连呀【点赞、投币、收藏】感谢支持~尚硅谷Vue技术全家桶教程震撼发布！本课程对Vue2和Vue3中的各项核心技术，以及周边技术都进行了详细的讲解，一套课程让你精通Vue技术栈，让前端开发如丝般顺滑！, 视频播放量 5123072、弹幕量 184348、点赞数 50375、投硬币枚数 56056、收藏人
解读Vue的原型及原型链
hhbbeijing的专栏
01-15 2233
在 JavaScript 中，每个对象都有一个关联的原型（prototype）。原型是一个对象，其他对象可以通过原型实现属性和方法的继承。原型链是一种由对象组成的链式结构，它通过原型的引用连接了一系列对象，形成了一种继承关系。
Vue2——props配置
mantou_riji的博客
07-19 5388
/组件交互的代码（数据、方法），相当于非单文件中的出了template的配置。//组件交互的代码（数据、方法），相当于非单文件中的出了template的配置。可以对接收参数的数据格式进行限制，同时可以限制属性是否是必需的，也可以设置默认值。//组件交互的代码（数据、方法），相当于非单文件中的出了template的配置。需求学生页面的数据是动态传入的，而不是写死的——引入props配置。App.vue传入数据的时候通标签的属性传入，/*组建的样式*//*组建的样式*//*组建的样式*/.........
vue组件的完整原型链
weixin_65692463的博客
12-06 458
JavaScript 规定，每一个构造函数都有一个 prototype 属性，指向另一个对象。注意这个 prototype 就是一个对象，这个对象的所有属性和方法，都会被构造函数所拥有对象原型 __proto__ 对象都会有一个属性 __proto__ 指向构造函数的 prototype 原型对象，之所以我们对象可以使用构造函数 prototype 原型对象的属性和方法，就是因为对象有 __proto__ 原型的存在。__proto__ 对象原型和原型对象 prototype 是等价的 __proto__
Vue2学习笔记(尚硅谷天禹老师)
最新发布
weixin_44992737的博客
04-24 1979
Vue可以看作是一个数据管理大师，其目的通常是将其管理的数据展示到HTML页面上，或者收集HTML页面上的数据进行储存在自身或者传递给服务器。
Vue2-Vue3.0学习笔记（2021年黑马程序员最新视频）
m0_67402588的博客
03-09 2173
Vue 介绍 什么是 vue ？ 构建用户界面 用 vue 往 html 页面中填充数据，非常的方便 框架 框架是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能！ 要学习 vue，就是在学习 vue 框架中规定的用法！ vue 的指令、组件（是对 UI 结构的复用）、路由、Vuex、vue 组件库 只有把上面老师罗列的内容掌握以后，才有开发 vue 项目的能力！ vue 的两个特性 数据驱动视图： 数据的变化会驱动视图自动更新 好处：程序员只管把数据维护好，那么页面
vue 所有的组件都继承自vue类的原型
wangc_gogo的博客
07-01 1769
通过 Vue.prototype.属性 进行修改
在vue原型链上加方法，然后全局使用
热门推荐
ToBeBestPlayer的博客
01-11 1万+
// 封装的对象检空方法 Vue.prototype.paramsValidate = function (params) { let flag = true for (var key in params) { if (params[key] !== '0' && !params[key]) { this.$vux.toast.text('请填写全部数据', 'middl...
vue原型方法封装
weixin_41033048的博客
10-30 1897
util.js const getPathName = function () { var pathname = window.location.pathname.split('/').pop(); console.log('当前秒杀模块的路由为：',pathname); return pathname; } // const export default getPat...
原型与原型链
guaigege的博客
07-27 261
原型和原型链个人理解总结： 在了解什么是原型之前，我们先来看一个构造函数： 在这个函数中，我们new出来的两个对象都会调用构造函数里面的方法，需要分别去调用，这样子就出现了一个问题，那就是内存浪费，如图： 我们希望所有对象使用的是同一个函数，这样子就可以节约内存了，这个时候，原型对象prototype就派上用场了，JavaScript 规定，每一个构造函数都有一个 prototype 属性，指向另一个对象。这个 prototype 就是一个对象，这个对象的所有属性和方法，都..
vue---vue2.x自定义plugin，给vue添加全局方法，原型上增加全局方法
Wbiokr的博客
11-15 5390
1. 自定义plugin.jsexport default{ install(Vue,options); { Vue.prototype.toStringTwo=(str)=>( ('0000'+String(str)).slice(-2) ) } }2.入口jsimport Vue from 'vue'; import MyPlugin fr
vue 源码详解（一）：原型对象和全局 `API`的设计
小扣柴扉久
07-29 1227
vue 源码详解（一）： 生成 Vue 实例前的准备工作 1. 从 new Vue() 开始 vue/src/core/index.js : import Vue from './instance/index' // 1. 引入 Vue 构造函数 import { initGlobalAPI } from './global-api/index' // 2. 引入初始化全局 API 的依赖 import { isServerRendering } from 'core/util/env' import {
Vue前端面试题总结（三） 原型和原型链详解
Rick_and_mode的博客
09-15 3594
原型和原型链 原型 在JavaScript中有这么一句话万物皆可对象 在声明一个函数跟对象的时候 它在声明的时候就有一个原型对象prototype 这个属性指向函数的原型对象，并且这个属性是一个对象数据类型的值。 而protortype 的指向是它的隐式原型 proto 举个例子 Person.prototype.constructor == Person; person1.__proto__ == Person.prototype; person1.constructor == Person; 原型
VUE项目使用VUE原型构建【VUE原型达到开箱即用的模式】
qq_37833745的博客
11-11 1697
VUE原型构建 以下为具体搭建项目流程 1. 克隆项目git库 2. 创建subapps/* 项目分支 创建项目分支格式如下 subapps/yourproject/v1.0.0 如：《登录绑卡项目》 项目名即为：subapps/H5Login/v1.0.0 ...
Vue源码学习二 ———— Vue原型对象包装
weixin_30411819的博客
12-16 912
Vue原型对象的包装 在Vue官网直接通过 script 标签导入的 Vue包是 umd模块的形式。在使用前都通过 new Vue({})。记录一下 Vue构造函数的包装。 在 src/core/instance/index.js 这个文件是 Vue构造函数的出生地。 import { initMixin } from './init' import { stateMixin } fro...
Vue原型开发搭建
aoshiyunlong的博客
04-29 1628
Vue CLI 3.0环境搭建 卸载老项目vue-clli：npm uninstall vue-cli -g 安装新版本：cnpm install -g @vue/cli 原型开发 ：npm install -g @vue/cli-service-global 创建项目 ：vue create 项目名 或者使用图形化界面创建 使用图形化界面 vue ui 插件、打包...
前端开发全攻略：Vue、CSS与JS学习笔记总结
总结而言，这份前端学习笔记涵盖了Vue框架、CSS样式设计和JavaScript编程语言的核心知识与实践技能，适合前端开发新手和有一定基础的开发者进行系统学习和实战演练。通过学习这些内容，读者可以掌握前端开发的必备...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值