vue实例

1.构造器

1.1.每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的:

1.2.在实例化 Vue 时,需要传入一个选项对象,它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。

1.3.可以扩展 Vue 构造器,从而用预定义选项创建可复用的组件构造器

 var MyConponent = Vue.extends({}) 

1.4.所有的 Vue.js 组件其实都是被扩展的 Vue 实例

2.属性

2.1每个 Vue 实例都会代理其 data 对象里所有的属性:

var data = { a: 1 }
var vm = new Vue({
data: data
})
vm.a === data.a // -> true
vm.a = 2
data.a // -> 2

data.a=3

vm.a=3//->

2.2.除了 data 属性, Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $,以便与代理的 data 属性区分。例如:

vm.$data === data // -> true
vm.$el === document.getElementById('example') // -> true
2.3.vm.$watch('a', function (newVal, oldVal) {//这就是脏检查,通过比较前后新值和旧值的结果是否改变,如果改变就修改view
// 这个回调将在 `vm.a` 改变后调用
})
3.生命周期:每个 Vue 实例在被创建之前都要经过一系列的初始化过程。
例如,实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ,然后在数据变化时更新 DOM 。在这个过程中,实例也会调用一些 生命周期钩子 ,这就给我们提供了执行自定义逻辑的机会
var vm = new Vue({
  data: {a: 1},
  created: function () {console.log('a is: ' + this.a)}

})

4.也有一些其它的钩子,在实例生命周期的不同阶段调用,如 mounted、 updated 、destroyed 。钩子的 this 指向调用它的 Vue 实例。

5.生命周期:

5.1.new vue()

5.2.data observer();//数据观测

5.3init event();//编译模板

5.4.挂载实例到模板

5.5.。。。

 

 总结:

1.构造器

 构造器的结构、扩展

2.属性

 vue对data属性的指代

data对data属性的指代

3.vue生命周期

 生命周期流程、生命周期函数

转载于:https://www.cnblogs.com/csy666/p/6696335.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/456029.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MPEG4 H.264学习笔记之三 ------ 熵编码

3.5 熵编码熵编码把一系列用来表示视频序列的元素符号转变为一个用来传输或是存储的压缩码流.输入的符号可能包括量化的变换系数(像上面所说的运行级或零树),运动向量(对于每个运动补偿块的向量值x和y),标记(在序列中用来表示重同步位的点),头(宏块头,图象头,序列的头等)以及附…

python中的数学模块

数学模块 引入模块:import math 注意: 使用某个模块下的函数,必须先引入这个模块,否则无法正常使用。 ceil() 向上取整操作 格式:math.ceil(数值) 返回值:整型floor() 向下取整操作 格式:math.floor(数值…

公共交通WiFi末路?公交WiFi重挫 地铁WiFi承受盈利压力

之前,公交WiFi运营方16WiFi因收支严重失衡宣布暂时关闭在11个城市的公交WiFi运营,这引发了业内对公共WiFi企业生存状态的关注。 在公共WiFi领域,除了公交WiFi,另一重要市场就是地铁WiFi。作为目前国内规模最大的地铁WiFi运营方&am…

解决:TypeError: Value passed to parameter 'a' has DataType int64 not in list of allowed values: float1

报错: TypeError: Value passed to parameter a has DataType int64 not in list of allowed values: float16, float32, float64, int32, complex64, complex128原因 1.4.0版本 默认int64 代码内容: 改正 定义符合 格式

买电脑主要看什么配置_我的专业要买什么配置电脑可以用到毕业?

电脑是现代生活中不可缺少的工具智能手机的更新让许多轻量工作可以在手机上完成但复杂的文档办公、大型的音视频编辑专业的数据处理等等还是离不开电脑的操作高考结束后许多同学做的第一件事是买新手机、新电脑有的为了考后放松玩游戏有的出于兴趣学习新技能也有的同学还在考虑…

CSS3实现一束光划过图片、和文字特效

在打折图标里面 实现一道白光划过的动画效果 css: <!DOCTYPE html><html><head><meta charset"utf-8"> <style> p{ width:15%; margin:0 auto; line-height:50px; font-size:30px; text-align:center; transform-origin: 50px 50px;…

H.264编解码流程

编码&#xff1a; 蓝色的前向编码流程&#xff1a;以宏块为输入单位介绍优于以帧为单位介绍。Fn为即将进行编码的宏块&#xff0c;由原始图像中16*16像素构成。每个宏块要么采用帧内模式编码&#xff0c;要么采用帧间模式编码。不管是哪种编码模式&#xff0c;预测宏块P都是基…

远程管理服务器的具体操作方法

远程是管理服务器最常见的一种方式&#xff0c;租用服务器也好&#xff0c;把服务器托管给服务商也好&#xff0c;肯定不会经常去机房办公&#xff0c;有什么问题的话大家都是选择远程服务器。其实远程服务器就跟我们远程电脑是一样的&#xff0c;具体需要怎么操作可能有的人还…

python中的OS模块

OS模块 OS 操作系统的简称 os模块就是对操作系统进行操作&#xff0c;使用该模块必须先导入模块&#xff1a; import osos模块中的函数 getcwd() 功能&#xff1a;获取当前的工作目录 格式&#xff1a;os.getcwd() 返回值&#xff1a;路径字符串chdir() 功能&#xff1a;修改…

JavaWeb基础—dbutils的简单入门

简明入门教程&#xff0c;参考&#xff1a;https://www.cnblogs.com/CQY1183344265/p/5854418.html 进行此章节之前&#xff0c;介绍一个JdbcUtils的再次的简单封装 &#xff08;例如后面需要构造QueryRunner时得到数据源等的简便的操作&#xff09; package cn.itcast.jdbcuti…

macos安装vscode_VS Code 代码编辑器入门指南:核心组件与概念

作者&#xff1a;思考问题的熊写在前面如果当电脑只能装一个软件还需要尽量不影响日常学习工作时&#xff0c;不知道你的选择会是什么。我把这个看似「荒诞」的问题理解为「All-in-One」的升级版拷问。这个问题陪伴了我很久&#xff0c;每用一个软件我都会想想它对我究竟有多不…

环路滤波一些概念

熵编码需要编码的数据如下&#xff1a; 熵编码需要编码的数据如下&#xff1a;

【深度学习】TensorFlow之卷积神经网络

卷积神经网络的概念 在多层感知器&#xff08;Multilayer Perceptrons&#xff0c;简称MLP&#xff09;中&#xff0c;每一层的神经元都连接到下一层的所有神经元。一般称这种类型的层为完全连接。 多层感知器示例 反向传播 几个人站成一排第一个人看一幅画&#xff08;输入数…

python中的zip模块

zip压缩 引入模块&#xff1a; import zipfilezip文件格式是通用的文档压缩标准&#xff0c;在ziplib模块中&#xff0c;使用ZipFile类来操作zip文件&#xff0c;下面具体介绍一下&#xff1a; zipfile.ZipFile(file[, mode[, compression[, allowZip64]]]) 功能&#xff1a;…

[LeetCode] 35. Search Insert Position

Given a sorted array and a target value, return the index if the target is found. If not, return the index where it would be if it were inserted in order. You may assume no duplicates in the array. Here are few examples.[1,3,5,6], 5 → 2[1,3,5,6], 2 → 1[1…

golang 的交叉编译

为什么80%的码农都做不了架构师&#xff1f;>>> Go是一门编译型语言&#xff0c;所以在不同平台上&#xff0c;需要编译生成不同格式的二进制包。 由于Go 1.5对跨平台编译有了一些改进&#xff0c;包括统一了编译器、链接器等。 编译时候只需要指定两个参数&#x…

【深度学习】Cifar-10-探究不同的改进策略对分类准确率提高

cifar10数据集上进行图片分类&#xff0c;基于tensorflow框架&#xff0c; 旨在探究不同的改进策略对分类准确率的影响&#xff0c;如何一步步得提高准确率 一、问题描述 当我们在处理图像识别或者图像分类或者其他机器学习任务的时候&#xff0c;我们总是迷茫于做出哪些改进…

Acer 4750 安装黑苹果_黑苹果 MacOS 10.15 Catalina安装教程

一、准备工作一个8G以上的U盘(安装 10.15 Catalina 必须要16G及以上的U盘 )&#xff1b;Mac OS镜像、TransMac(刻录工具)、DiskGenius(分区工具)、EasyUEFI(引导工区)、EFI驱动文件。安装工具获取方式&#xff1a;关注公众号【远景论坛】&#xff0c;回复&#xff1a;黑苹果二、…

帧内16*16模式的宏块数据传输顺序

如果宏块以16*16帧内模式编码&#xff0c;那么块-1首先被传输&#xff0c;携带的信息是每个4*4亮度块的DC系数。然后&#xff0c;亮度残差块0-15被传输&#xff08;此时&#xff0c;16*16帧内宏块的DC系数为零&#xff09;。对于亮度分量Cb和Cr&#xff0c;16和17块携带DC系数的…

ceph中查看一个rbd的image的真实存储位置

1、新建一个image存储 rbd create hzb-mysql --size 2048 2、查看hzb-mysql的所有对象 一个rbd image实际上包含了多个对象&#xff08;默认情况下是image_size/4M&#xff09; [rootcc ~]# rbd info hzb-mysql rbd image hzb-mysql:size 2048 MB in 512 objectsorder 22 (4096…