深入浅出Vue.js

  • 更新时间:
  • 7105人关注
  • 点击下载

这是一个不错的Vue类学习资源,由詹怡可提供,主要知识点是关于Vue.js、Vue的内容,已被832人关注,同类资源中评分为9.4分。

资源详情相关推荐
  • 大小:94.2 MB
  • 类别:Vue
  • 格式:PDF
  • 编辑:潘宏阔
  • 热度:840
  • Vue.js实战
  • Vue.js v3.0教程(Vue3 教程)
  • Vue.js项目开发实战
  • Vue.js快速入门
  • Vue.js 3 By Example(Vue.js示例)
  • 深入浅出Vue.js 从源码层面分析了Vue.js。首先,简要介绍了Vue.js;然后详细讲解了其内部核心技术“变化侦测”,这里带领大家从0到1实现一个简单的“变化侦测”系统;接着详细介绍了虚拟DOM技术,其中包括虚拟DOM的原理及其patching算法;紧接着详细讨论了模板编译技术,其中包括模板解析器的实现原理、优化器的原理以及代码生成器的原理;最后详细介绍了其整体架构以及提供给我们使用的各种API的内部原理,同时还介绍了生命周期、错误处理、指令系统与模板过滤器等功能的原理。

    本书适合前端开发人员阅读。

    目录

    • 第1章 Vue.js简介 1
    • 第2章 Object的变化侦测 6
    • 第3章 Array的变化侦测 16
    • 第4章 变化侦测相关的API实现原理 31
    • 第二篇 虚拟DOM
    • 第5章 虚拟DOM简介 48
    • 第6章 VNode 54
    • 第7章 patch 60
    • 第三篇 模板编译原理
    • 第8章 模板编译 88
    • 第9章 解析器 93
    • 第10章 优化器 122
    • 第11章 代码生成器 130
    • 第四篇 整体流程
    • 第12章 架构设计与项目结构 140
    • 第13章 实例方法与全局API的
    • 第14章 生命周期192
    • 第15章 指令的奥秘 242
    • 第16章 过滤器的奥秘 252
    • 第17章 实践 259
    精选笔记:Vue.js中的extend绑定节点并显示的方法

    14小时4分钟前回答

    在使用Vue.js时,可以使用Vue.extend()方法创建一个子类,传入参数包含了一个对象。其中,在extend中的data和vue实例化对象中的data写法不一样。下面利用实例说明,操作如下:

    Vue.js中的extend绑定节点并显示的方法

    第一步,创建一个静态页面并引入vue.js文件,并在主体元素标签中插入一个div,设置id属性,如下图所示:

    Vue.js中的extend绑定节点并显示的方法

    第二步,在<script></script>标签中调用Vue.extend(),设置template和data,如下图所示:

    Vue.js中的extend绑定节点并显示的方法

    第三步,使用new关键字调用$mount(),将创建的类挂载到div元素上,如下图所示:

    Vue.js中的extend绑定节点并显示的方法

    Vue.js中的extend绑定节点并显示的方法

    第四步,为了显示变量的字体等样式,需要添加相关的样式属性,这里使用:class,如下图所示:

    Vue.js中的extend绑定节点并显示的方法

    第五步,保存代码并打开浏览器预览界面效果,可是控制台出现了错误警告,如下图所示:

    Vue.js中的extend绑定节点并显示的方法

    第六步,调整template标签属性嵌套,去掉多层标签元素,只留一个div标签;class前面的:去掉,如下图所示:

    Vue.js中的extend绑定节点并显示的方法

    展开阅读

    相关资源

    • 《Vue.js前端开发基础与项目实战》项目源码

      《Vue.js前端开发基础与项目实战》项目源码

      编辑推荐 1.涵盖Vue框架的重点知识,使用起来更加得心应手 2.涵盖MySQL数据库,Node.js服务器端开发以及页面优化等高级技术 3.涵盖后端Koa框架开发,从前端到全栈不是梦 4.涵盖ES6语法讲解,紧跟JavaScript发展前沿 5.涵盖前后端使用的各种插件和工具,提升知识面 6.实战案例丰富,环环相扣,提高实战技能 内容简介 本书以项目实战的方式引导读者渐进式学习Vue.js。本书从Vue.js的基础语法讲起,然后介绍ES6的语法规范,*后通过项目构建、项目部署介绍Vue.j

      大小:741 MBVue.js

      立即下载
    • Node.js实战:使用Egg.js+Vue.js+Docker构建渐进式、可持续集成与交付应用

      Node.js实战:使用Egg.js+Vue.js+Docker构建渐进式、可持续集成与交付应用

      大小:227 MBNode.js

      立即下载
    • Vue.js v2.x 官方教程

      Vue.js v2.x 官方教程

      Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 易用 会HTML、CSS、JavaScript就可以构建应用。 灵活 可以在一个库和一套完整框架之间自如伸缩。 高效 20kB运行大小,超快虚拟 DOM,最省心的优化 目录 基础 深入了

      大小:5.11 MBVue手册

      立即下载
    • Vue.js前端开发:快速入门与专业应用

      Vue.js前端开发:快速入门与专业应用

      本书分为10章,包括简介、基础特性、指令、过滤器、过渡、组件、状态管理、常用插件、工程实例和Weex打包。本书从简单的单个实例和基础语法,到工程实例,将系统地讲述Vue.js在项目中的

      大小:3.6KB MB前端开发

      立即下载
    • Vue.js快速入门

      Vue.js快速入门

      目前单页应用框架层出不穷,其中Vue.js是十分耀眼的项目之一,受到国内外开发人员的极度推崇。 全书分为8章,内容包括Vue.js概述、Vue.js的安装、定义页面、渲染视图、路由、发送HTTP请求、表单的绑定和提交、打包、部署、解决js的跨域问题、Debug、Component、Mixin、Vuex、页面的生命周期等,最后还给出一个实战案例供读者了解Vue.js项目开发过程。 本书适合Vue.js初学者、Web前端开发人员,也适合高等院校和培训学校的师生教学参考。

      大小:26581 MB MVue.js入门

      立即下载

    学习笔记

    2小时24分钟前回答

    vue.js绑定事件监听器示例【基于v-on事件绑定】

    本文实例讲述了vue.js绑定事件监听器。分享给大家供大家参考,具体如下: !doctype htmlhtml lang="en"head meta charset="UTF-8" meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" meta http-equiv="X-UA-Compatible" content="ie=edge" titlewww.jb51.net 绑定事件监听器/title !-- Vue.js -- script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"/script/headbodydiv id="app" p v-if="show"这是一段文本/p buttton v-on:click="handleClose"点击隐藏/buttton/div/body/htmlscript //当数据show的值为true时,p元素会被插入,为false时会被移除 var myData = { show:true }; var app = new Vue({ el:'#app', data:myData, //在普通元素上,v-on可以监听原生的DOM事件,除了……