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
原创 4月前
9阅读
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阅读
1点赞
一、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
VUEMVVM理解 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(
js
原创 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阅读
  • 1
  • 2
  • 3
  • 4
  • 5