【Vue 开发实战】实战篇 # 45:如何构建可交互的组件文档让代码高亮的显示在页面

【Vue 开发实战】实战篇 # 45:如何构建可交互的组件文档让代码高亮的显示在页面

说明【Vue 开发实战】学习笔记。效果要实现这个代码的显示使用 raw-loader 实现代码输出到页面https://github.com/webpack-contrib/raw-loadernpm install raw-loader --save-dev我们不走 webpack 的配置,使用下...

【Vue 开发实战】实战篇 # 33:更加精细化的权限设计(权限组件、权限指令)

【Vue 开发实战】实战篇 # 33:更加精细化的权限设计(权限组件、权限指令)

说明【Vue 开发实战】学习笔记。效果实现两种方式实现权限组件的控制,比如下面两个地方的按钮控制,如果是user用户,就没有权限控制函数式组件<script> import { check } from '../utils/auth'; export default { function...

Spring Boot+Vue.js+FastDFS实现分布式图片服务器

16 课时 |
251 人已学 |
免费

Vue.js 入门与实战

86 课时 |
19074 人已学 |
免费

Vue.js完全自学手册图文教程

13 课时 |
6405 人已学 |
免费
开发者课程背景图
【Vue 开发实战】基础篇 # 13:如何优雅地获取跨层级组件实例(拒绝递归)

【Vue 开发实战】基础篇 # 13:如何优雅地获取跨层级组件实例(拒绝递归)

说明【Vue 开发实战】学习笔记。ref 引用信息递归查找代码繁琐.性能低效callback ref主动通知(setXxxRef)主动获取(getXxxRef)比如E节点更新就通知A组件,A组件进行ref的缓存即可组件A<template> <div class="border"&...

【Vue 开发实战】基础篇 # 10:生命周期的应用场景和函数式组件

【Vue 开发实战】基础篇 # 10:生命周期的应用场景和函数式组件

说明【Vue 开发实战】学习笔记。生命周期创建阶段初始化事件和生命周期数据观测、属性、侦听器配置等模板编译到 render异步请求、操作DOM、定时器等更新阶段万万不可更改依赖数据,会造成死循环销毁阶段移除已经添加的事件监听器,计时器等<template> <div> {{ ...

【Vue 开发实战】基础篇 # 8:如何触发组件的更新

【Vue 开发实战】基础篇 # 8:如何触发组件的更新

说明【Vue 开发实战】学习笔记。数据驱动数据来源(单向的)状态 data VS 属性 props状态是组件自身的数据属性是来自父组件的数据状态的改变未必会触发更新属性的改变未必会触发更新例子:index.vue 代码&lt;template&gt; &lt;div id="app"&gt; &lt...

【Vue 开发实战】基础篇 # 4:Vue组件的核心概念:插槽

【Vue 开发实战】基础篇 # 4:Vue组件的核心概念:插槽

说明【Vue 开发实战】学习笔记。插槽Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 Web Components 规范草案,将 &lt;slot&gt; 元素作为承载分发内容的出口。匿名插槽&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt;...

【Vue 开发实战】基础篇 # 3:Vue组件的核心概念:事件

【Vue 开发实战】基础篇 # 3:Vue组件的核心概念:事件

说明【Vue 开发实战】学习笔记。事件vue 提供了一个简单的方式进行绑定事件,就是使用 @xxx 就可以进行事件绑定,这里以 click 事件为例&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="...

【Vue 开发实战】基础篇 # 2:组件基础及组件注册

【Vue 开发实战】基础篇 # 2:组件基础及组件注册

说明【Vue 开发实战】学习笔记。组件通常把可拆分的html,以及拆分后的逻辑,样式组合在一起称之为组件。在 Vue 中,通过 Vue.component 定义(注册)一个组件:<!DOCTYPE html> <html lang="en"> <head>...

【Vue 开发实战】基础篇 # 5:理解单文件组件

【Vue 开发实战】基础篇 # 5:理解单文件组件

说明【Vue 开发实战】学习笔记。Vue.component 缺点    全局定义:强制要求每个 component 中的命名不得重复    字符串模板:缺乏语法高亮,在 html 有多行的时候,需要用到丑陋的 \    不支持css:意味...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

阿里巴巴终端技术
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。
1504+人已加入
加入
相关电子书
更多
Vue.js 在前端服务化上的探索与实践
Vue.js 在前端服务化上的探索与实践
Vue.js 在前端服务化上的探索与实践
立即下载 立即下载 立即下载