VUE基础知识代码基本结构每一个vue文件由三部分组成,template、script、style,分别对应html、js、css,另外需要注意的是:template中只允许有一个块状元素,通常情况下是div,其他所有元素的标签都在这个块状元素中// template即模版的意思,每一个vue文件里必须要有一个,在这里写HTML代码
<template>
<div id="a
转载
2024-05-03 15:05:25
67阅读
JavaScript概述1、JavaScript是什么JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言。 直译式:直接编译并执行,代码不进行预编译。 脚本:凡是不能独立执行需要依赖其他程序的,通常都叫做脚本。HTML文件必须在浏览器里执行,JS文件必须嵌入到HTML文件里才能执行。 脚本语言:依附于某个程序来运行,为某个程序提供服务的语言动态类型:声明一个变量,能够
转载
2023-07-15 21:08:44
37阅读
watchwatch函数是 Vue.js 提供的一个强大工具,用于响应数据变化并执行相应的回调。通过合理使用watch函数,我们可以实现异步数据
原创
2024-08-19 10:24:21
3阅读
在 Vue.js 中,响应式系统是其核心特性之一,通过它可以轻松地跟踪数据变化并自动更新视图。而 watch 函数则是 Vue 提供的一种用于监听和响应数据变化的高级方法。在这篇博客中,我们将深入探讨 watch 函数的使用方法、应用场景以及一些常见的陷阱。 什么是 watch 函数? watch
this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个dom元素内部的文本,而这时候我们想直接打印出这个被改变后的文本是需要dom更新之后才会实现的,也就好比我们将打印输出的代码放在setTimeout(fn,
转载
2021-09-05 10:28:00
599阅读
2评论
最近在跟着官方文档学习vue.js的文章,当看到禁用继承特性这一点的时候不是很理解,后跟着官方的实例运行了一下,算是
转载
2023-01-05 12:03:27
60阅读
1.vue官方文档 首先我们来看一下vue官方是怎么解释的 好了,我知道很多刚接触的vue的小白其实都不太看的懂官方文档在讲什么,下面我用自己的话翻译一下。 2.ref以及$ref 通过 ref 标注 DOM 元素 // 在 DOM 元素上通过 ref 属性标注,属性名称自定义 <div ref="
转载
2020-09-21 15:25:00
276阅读
2评论
vue中组件是可复用的Vue实例,带有一个名字。我们可以在一个通过newVue创建的Vue根实例中,把这个组件作为自定义元素来使用,它们与newVue接收类似例如data、computed、watch、methods以及生命周期钩子这样相同的选项,一个应用会以一棵嵌套的组件树的形式来组织:个人理解组件可分为以下几类:1.接入型container2.展示型3.交互型比如各类加强版的表单组件,大部分的
原创
2018-05-07 21:24:12
710阅读
点赞
一、Vue.js是什么 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。二、如
this是javascript的一个关键字,也是比较容易令人迷糊的一个概念this的本质:当前对象的所有者示例1var x = 1;function test() {alert(this.x);}test();在之前的“JS执行顺序”文章中讲过,这个test函数会被先编译为一个全局变量,如var test = function test() {alert(this.x);};所以这个this所属对
原创
2021-04-23 16:38:50
189阅读
prototype属性可算是JavaScript与其他面向对象语言的一大不同之处。 prototype就是“一个给类的对象添加方法的方法”
,使用prototype属性,可以给类动态地添加方法,以便在JavaScript中实现“
继承
”的效果。 具体来说,prototype 是在 IE 4 及其以后
转载
2022-06-02 05:31:41
76阅读
let query=()=>{return new Promise((resolve,rejects)=>{resovle({a:1})})}a
原创
2022-08-19 11:41:05
45阅读
VUE的MVVM的理解 MVVM 是 Model-View-ViewModel的缩写,即将数据模型与数据表现层通过数据驱动进行分离,从而只需要关系数据模型的开发,而不需要考虑页面的表现,具体说来如下: Model代表数据模型:主要用于定义数据和操作的业务逻辑。 View代表页面展示组件(即dom展现 ...
转载
2021-08-09 17:03:00
249阅读
2评论
Js中this的理解 this的指向取决于函数调用的方式。 隐式绑定的一些场景: 全局上下文默认this指向window,严格模式下指向undefined; 直接调用函数,this相当于全局上下文的情况; 对象.方法名 的情况引用,this指向这个对象;obj.eat() 构造函数中的this 指向 ...
转载
2021-07-24 21:05:00
57阅读
2评论
// this: 指的是调用 当前 方法(函数)的那个对象 <script> function fn1(){ this } 情况1:fn1() //这里this=>window 情况2:oDiv.onclick=fn1;// this=>oDiv 情况3:oDiv.onclick=function(
原创
2022-09-29 14:37:02
26阅读
本文为一次前端技术分享的演讲稿
转载
2021-07-16 10:52:07
161阅读
VUEcreated():在创建vue对象时,当html渲染之前就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()只会触发一次; activated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始
原创
2022-06-20 10:19:24
532阅读
目录前言Vue.js 样式绑定Vue.js classclass 属性绑定实例 1实例 2实例 3实例 4数组语法实例 5实例 6Vue.js style(内联样式)实例 7实例 8实例 9Vue.js 组件全局组件全局组件实例局部组件局部组件实例PropProp 实例动态 PropProp 实例Prop 实例Prop 验证总结 编辑前言Vuex是Vue.js的一个状态管理库,它可以帮助我们更好
原创
2023-06-28 16:45:55
115阅读
原文链接:http://caibaojian.com/step-in-vue-js.html编辑注:上一篇文章我们推荐了一篇关于Vue.js与angular的一个认识,今天这篇文章都是讲Vue.js的知识,从Vue.js的开发流程、构建方式、部署和优化工作出发,相信对你学习Vue.js会有所帮助。·Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。本文旨在帮助大家认识Vue.js,了解Vue.js的开发流程,并进一步理解如何通过Vue.js来
转载
2021-08-13 19:05:55
364阅读
MVVM框架的三要素:数据响应式、模板引擎及其渲染数据响应式:数据变化并在视图中更新Object.def
原创
2022-03-25 15:40:14
147阅读