Vue 倡导开发者尽量不直接操作 DOM,但有的时候由于各种需求让开发者不得不这样做,于是nextTick的实现就是让开发者在修改数据后,能够在数据更新到 DOM 后才执行对应的函数,从而获取最新的 DON 数据。原文地址项目地址那么如何实现nextTick呢,我们首先可以想到的是利用setTimeout的异步回调来实现,不过由于各个浏览器的不同,setTimeout 的延迟...
转载 2021-06-30 16:27:45
267阅读
解析就是将模版解析成AST。比如下面这个代码,然后转成AST之后是这个样子。它是用javascript对象来描述一个接待您,一个对象表示一个节点。对象中的属性用来保存节点所需的各种数据。比如parent属性保存了父节点的描述对象,children属性是一个数组,里面保存了一些子节点的描述对象,type属性表示一个节点的类型。很多独立的节点通过parent属性和c了一个树。这个就是AST。
原创 2023-07-29 01:06:10
129阅读
.net项目结构: 程序目录结构: vue操作: 前提:安装npm ,vue,vue-cli 1、进入控制台窗口 2、进入程序目录 3、运行 vue init webpack webjs 生成webjs及其子目录 4、cd webjs 5、npm install 安装依赖包 6、修改vue配置文件: webjs/config/index.js ,内容:// see http:/
原创 2022-07-06 11:09:11
1107阅读
一、 Vue.js是什么Vue.js是一套构建用户界面(view)的MVVM框架。Vue.js的核心库只关注视图层,并且非常容易学习,非常容易与其他库或已有的项目整合。1.1 Vue.js的目的Vue.js的产生核心是为了解决如下三个问题:解决数据绑定的问题;Vue.js框架生产的主要目的是为了开发大兴单页面应用(SPA:Single Page Application)Angular.js中对PC
转载 2023-07-11 10:37:06
154阅读
Vue 倡导开发者尽量不直接操作 DOM,但有的时候由于各种
转载 2022-03-29 14:31:45
283阅读
node进行渲染。
原创 2023-07-30 23:08:13
48阅读
前面讲过vuejs中解析器是把html模版解析成AST,而优化器的作用是在AST中找到静态子树并打上标记。静态子树是指的那些在AST中永远不会发生变化的节点。例如,一个纯文本节点就是静态子树,而带变量的文本节点就不是静态子树,因为他会随着变量的变化而变化。标记静态子树有两点好处。
原创 2023-08-07 07:35:51
62阅读
学习参考网址:http://www..com/keepfool/p/5619070.html v-if/v-show指令 v-if/v-show的区别是:v-if 判断false以后 元素直接不反应到HTML,v-show 始终会被渲染到HTML,它只是简单地为元素设置CSS的styl
转载 2016-10-20 11:51:00
931阅读
2评论
VueJS 第一步,安装node.js安装包下载地址:https://nodejs.org/en/安装包下载安装完成后,在命令行使用 node -v 查看node版本,判断是否安装成功。 第二步,安装vue脚手架安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org 安装webpack:npm install we
原创 2021-12-27 17:25:34
409阅读
我们经常使用watch肯定知道它,他和computer一样都是数据发生变化都会触发它。今天我们就来了解一下它的原理。
原创 2023-07-23 00:11:29
101阅读
代码生成器是模版编译的最后以后,它的作用是将AST转换成渲染
原创 2023-08-07 07:36:02
97阅读
vuejs中,有一个Vnode类使用它可以实例不同类型的vnode实例,而不同类型的v
原创 2023-07-22 08:06:06
172阅读
1.通常,当事件发生时,JavaScript 可以执行代码。 在 HTML 页面中插入 JavaScript使用 <script> 标签。<script> 和 </script> 之间的代码行包含了 JavaScript: HTML 元素中可以添加事件属性,使用 JavaScript 代码来添加 HTML 元素。 Javascript事件可以用于处理表单验证,用户输入,用户行为及浏览器动作。
转载 2023-06-14 18:51:23
111阅读
​1.vuejs简介    vue到底是什么?一个mvvm框架(库)、和angular类似  比较容易上手、小巧官网:http://cn.vuejs.org/ 手册: http://cn.vuejs.org/api/2.vuejs与angular的区别。vue:简单、易学,指令以 v-xxx,一片html代码配合上json,在new出来vue实例,个人维护项目  ,适合: 移动端项目,小巧vue的
转载 2017-02-17 22:51:00
231阅读
2评论
4.1 vue-resource vue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。 当vue更新 到2.0之后
原创 2022-03-04 17:01:15
168阅读
<div id='root'> <ul> <todo-item></todo-item> </ul> </div> <script> Vue.component('todo-item',{ template:'<li>item</li>' }) </script> 全局组件:上面这种组件叫做全局组件
转载 2018-09-04 21:46:00
232阅读
2评论
component和vue实例的区别1 实例有el, component没有, component有name, vue没有2 实例可以.$mount(id), component没有,但new component就可以--其他属性有很多相似的地方生成vue实例: new Vue生成component
转载 2018-07-04 23:45:00
759阅读
2评论
vue在初始化的时候会给vue对象本身挂载一些全局的api。今天我们一个一个来看这些api。
原创 2023-08-13 00:44:29
101阅读
框架类vue的虚拟dom了解过吗答案解析:vue将DOM抽象成一个以JavaScript对象构成的抽象树,以VNode节点模拟真实DOM,可以对这个抽象树进行节点的增删改查,这个过程都不需要去操作真实DOM,只需要在修改完使用diff算法算出一些需要修改的最小单位,在将这些小单位视图进行更新,就可以减少很多不必要的DOM操作,大大提高性能。优点具有跨平台的作用:因为虚拟dom 是以js对象为基础而
转载 2021-01-18 12:54:54
662阅读
2评论
4.1 vue-resourcevue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。 当vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的axios,在这里大家了解一下vue-resource就可以。vue-resource的 github: https://github.com/page...
原创 2021-08-18 10:46:20
309阅读
  • 1
  • 2
  • 3
  • 4
  • 5