Vue.js v3.0 教程(Vue3 教程)的方式。请注意我们不推荐新手直接使用 vue-cli ,尤其是在你还 不熟悉基于 Node.js 的构建工具时。 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统: 1.介绍 Vue.js 是什么 起步 声明式渲染 介绍 - 12 - 本文档使用 书栈网 · BookStack.CN 构建 2. Counter: ng).mount('#conditional-rendering') 这个例子演示了我们不仅可以把数据绑定到 DOM 文本或 attribute,还可以绑定到 DOM 的结构。 此外,Vue 也提供一个强大的过渡效果系统,可以在 Vue 插入/更新/移除元素时自动应用过渡效 果。 你可以在下面的沙盒中将 seen 从 true 更改为 false ,以检查效果: 还有其它很多指令,每个都有特殊的功能。例如, 12. 13. Vue.createApp(ListRendering).mount('#list-rendering') 组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型、独立和通常可复用的组 件构建大型应用。仔细想想,几乎任意类型的应用界面都可以抽象为一个组件树: 组件化应用构建 介绍 - 16 - 本文档使用 书栈网 · BookStack.CN 构建0 码力 | 368 页 | 3.97 MB | 1 年前3
Composable Vue, 编写可组合可复 的Vue 函数的最佳实践与技巧} 为什么引⼊组合式 API ? 不利于复⽤ 潜在命名冲突 上下⽂丢失 有限的类型⽀持 按 API 类型组织 极易复⽤ (原⽣ JS 函数) 可灵活组合 (⽣命周期钩⼦可多次使⽤) 提供更好的上下⽂⽀持 更好的 TypeScript 类型⽀持 按功能/逻辑组织 可独⽴于 Vue 组件使⽤ 对象式 API 存在的问题 组合式 API 提供的能⼒ 什么是可组合的函数 ESM TypeScript CDN 兼容 核⼼包含 110+ 组合式函数 丰富的⽣态系统 8+ 扩展包 Vue 组合式 API ⼯具包 Ref 显式调⽤,类型检查 相⽐ Reactive 局限更少 .value Reactive ⾃动 Unwrap (即不需要 .value ) 在类型上和⼀般对象没有区别 使⽤ ES6 解构会使响应性丢失 需要使⽤箭头函数包装才能使⽤ watch computed(() => unref(a) + unref(b)) } const a = ref(1) const c = add(a, 5) c.value // 6 MaybeRef 类型⼯具 在 VueUse 中我们⼤量地使⽤ MaybeRef 来⽀持可选择性的响应式参数 技巧 type MaybeRef= Ref | T ` ` export function 0 码力 | 36 页 | 4.87 MB | 1 年前3
Vue 2017 现状与展望以 prop + listener 语法糖的形式回归 Vue 2.4 K??? 更好的 TypeScript 整合 TypeScript 和 VSCode 团队为 Vue 量身打造更好的类型推导和 IDE 支持 SSR 性能进一步优化 通过编译时优化获得 2~8x 性能提升 SSR + webpack code split 完美支持 (不再局限于路由) vue-cli 3.0 --ssr) ● 更好的测试方案 长期展望 ● 单文件组件 CSS 改进:>>> 和 ::slotted 选择器, CSS variable theming ● 基于 Proxy 的响应式系统重构 ○ 不再需要 Vue.set 或者 this.$set ○ Lazy observation ○ 显式构建响应式对象 ● HTML Modules: 类似单文件组件的新标准(由 Google0 码力 | 36 页 | 2.00 MB | 1 年前3
Ant Design Pro 从零到一(Mock 使用)认识Mock 学到这里就算是开始踏入AntD的门,然后我们还得学习一下常用的一些操作,例如Mock。 针对与Mock他大致就是用来模拟数据的,为什么会有它的出现呢?因为现在前后端开发基本是分离 ,但是数据结构一般都会先定好,在日常开发中,为了前端的进度不受到后端的影响,常用Mock来 虚拟数据来模拟后端发来的请求。 本文只是简单的介绍一下Mock的使用,如果要详细学习请自行百度 Mock基本格式 export 在上面说了Mock的一个基本使用,那他是如何工作的呢? 前面已经说了,Mock相当于模拟服务器数据,那请求数据的地方在哪里呢?那就是Service的文件夹 ,这时候我们大致看一下Service的基础结构,方便后面的demo看懂。 import {request} from "umi"; 原文链接:Ant Design Pro 从零到一(Mock 使用) export async function 这基本就是一个service的构成,其中export async function都是关键字,request()中的'/api/tesetLi t'就是我们之前写的Mock中的接口。 PS: request():其实结构是下面这样,如果是get请求可以简写。 request('/api/getValue',{ method://请求方式 GET、POST、PUT、DELETE data: //请求参数 }) 来个Demo0 码力 | 6 页 | 299.27 KB | 1 年前3
IMWebConf 2017 前端开发者大会QQ钱包,QQ智慧校园的核心开发者,喜欢前 端技术,在框架/工具方面有较深的经验沉淀。 QQ钱包优化实践 1. 性能优化:service worker 在QQ钱包的实践 2. 生产力优化: 打造QQ钱 包专属辅助系统 kavinkhuang(黄 伟明) 黄伟明,腾讯Web前端高级工程师。2011年加 入腾讯,先后负责QQ会员游戏特权、QQ钱包 等业务。目前负责QQ钱包node.js服务的建设 维护。长期关注前端技术动向,在node webim接入层实现架构,柔 性服务特性,监控上报等方 面的实践进行分享 springswang(王 跃) 王跃,腾讯高级前端工程师,拥有10+年前端 开发经验。2013年加入腾讯,负责互娱自助营 销系统,道聚城等多个项目前端架构和开发, 最近一年比较关注小程序发展,曾就职于搜狐 和新浪。 本次主要分享下近1年对小程 序底层框架实现原理研究和 小程序实战经验,帮助开发 者更好的理解小程序的实现 请求包体记录 4. 打包下载查看 jackqqxu(徐杰) 徐杰,腾讯Web前端高级工程师,QQ空间个性 化商城主要开发者 2011年入职腾讯,期间负责flash游戏,支付官 网和内部运营系统等web系统开发,PHP爱好 者; 2014年进入空间,先后负责QQ空间触屏版部 分模块,QQ空间个性化商城系列开发。 RN在QQ空间IOS个 性化商城中的应用 本次演讲主要包括: (1)ReactNative在IOS系0 码力 | 8 页 | 698.99 KB | 1 年前3
Vue声明式编程图灵完备性 • 图灵完备:“可计算性” • 命令式的图灵完备性:if/for, if/goto • 声明式的图灵完备性:if/递归 Vue的Template的图灵完备性 • 实际上Vue的组件系统具有图灵完备性 • 使⽤用Vue计算阶乘 • 使⽤用Vue计算斐波那契数列列 声明式与UI编程 UI编程 • 70年年代 MVC诞⽣生 ⼈人们意识到视图应该被独⽴立抽象 • 80年年代 标记语⾔言⼤大热0 码力 | 19 页 | 155.76 KB | 1 年前3
Element Plus 和Ant Design Vue 对比测评,哪个更好?● 7 种最棒的 Vue Loading 加载动画组件测评与推荐 ● 如何在 Vue 中加入图表 - Vue echarts 使用教程 ● 最棒的 7 个 Laravel admin 后台管理系统推荐 ● 顶级好用的 5 款 Vue table 表格组件测评与推荐 ● 12 款最棒 Vue 开源 UI 库测评 - 特别针对国内使用场景推荐 ● Video.js 使用教程 - 手把手教你基于0 码力 | 5 页 | 387.25 KB | 1 年前3
共 7 条
- 1













