Vue.js v3.0 教程(Vue3 教程)工具的默认入口 (通过 package.json 中的 module 字段),因为在使用 bundler 时,模 板通常是预先编译的 (例如:在 *.vue 文件中),你需要将打包工具配置 vue 别名到这个文 件 vue.cjs(.prod).js : 或用于 Node.js 通过 require() 进行服务器端渲染。 如果你将应用程序与带有 target: 'node' directive('focus', FocusDirective) 4. .use(LocalePlugin) 你可以在 API reference 中浏览完整的应用 API。 传递给 createApp 的选项用于配置根组件。当我们挂载应用时,该组件被用作渲染的起点。 一个应用需要被挂载到一个 DOM 元素中。例如,如果我们想把一个 Vue 应用挂载到 ,我们应该传递 。对于一些组件,如 TodoItem ,在任何时候都可能有多个实 例渲染。这个应用中的所有组件实例将共享同一个应用实例。 我们会在稍后的组件系统章节具体展开。不过现在,你只需要明白根组件与其他组件没什么不同,配置 选项是一样的,所对应的组件实例行为也是一样的。 在前面的指南中,我们认识了 data property。在 data 中定义的 property 是通过组件 实例暴露的: 1. const0 码力 | 368 页 | 3.97 MB | 1 年前3
Vue 2017 现状与展望性能进一步优化 通过编译时优化获得 2~8x 性能提升 SSR + webpack code split 完美支持 (不再局限于路由) vue-cli 3.0 ● 配置依赖化 + 可组合 ● PWA by default ● 一个模板,不同参数 (--ts, --ssr) ● 更好的测试方案 长期展望 ● 单文件组件 CSS 改进:>>> 和 ::slotted 选择器, CSS variable0 码力 | 36 页 | 2.00 MB | 1 年前3
Composable Vue, 编写可组合可复 的Vue 函数的最佳实践与技巧unref(bar) // 'bar' 接受 Ref 作为函数参数 模式 实现 ⽤例 纯函数 function add(a: number, b: number) { return a + b } let a = 1 let b = 2 let c = add(a, b) // 3 接受 Ref 作为参数, 返回⼀个响应式的结果 function add(a: Refref(1) const c = add(a, 5) c.value // 6 MaybeRef 类型⼯具 在 VueUse 中我们⼤量地使⽤ MaybeRef 来⽀持可选择性的响应式参数 技巧 type MaybeRef = Ref | T ` ` export function useTimeAgo( time: Date | number | string return title } <-- 1. 重复使⽤⽤户提供的 Ref, 或者建⽴⼀个新的 <-- 2. 将⻚⾯标题与 Ref 进⾏同步 重复使⽤已有 Ref 这个技巧在编写不确定参数类型的函数时⼗分有⽤。 核⼼ 如果将⼀个 ref 传递给 ref() 构造函数,它将会原样将其返回。 ` ` ` ` const foo = ref(1) // Ref<1> const 0 码力 | 36 页 | 4.87 MB | 1 年前3
前终端统⼀一⽅方案Hippy-Vue 设计和实现同样的 div 浏览器器⾥里里⽀支持的背景图样式 Hippy-Vue 同样⽀支持 跟浏览器器⼀一样通过 overflow 样式 确定滚动⽅方向 Hippy-Vue 特性 CSS display 参数⽀支持 none 值 v-show 照样使⽤用 Hippy-Vue 特性 textarea 跟浏览器器⼀一模⼀一样 v-model 直接⽤用来做数据绑定 Emoji ⽀支持没问题 ? Hippy-Vue src="http://www.qq.com/logo.png" /> { name: "Text", // 组件名称转换 props: { value: "Hello", // 参数转换 onClick: true, // 事件绑定 }, } { name: "Image", props: { source: { uri: "http://www0 码力 | 19 页 | 556.32 KB | 1 年前3
Ant Design Pro 从零到一(Mock 使用)request():其实结构是下面这样,如果是get请求可以简写。 request('/api/getValue',{ method://请求方式 GET、POST、PUT、DELETE data: //请求参数 }) 来个Demo 我们将test文件夹下面的index.tsx写入以下内容 import React from "react"; import ProTable from "@ant-design/pro-table";0 码力 | 6 页 | 299.27 KB | 1 年前3
探索Vue的⾼高级应⽤用https://github.com/vueComponent/ant-design-vue 现状 52个组件 单测覆盖率86% Star 3000+ 特⾊色 受控/⾮非受控组件 基于组件的国际化配置(36种语⾔言包) 共享Antd设计资源(Sketch、Axure等) ⼀一致的API 未来规划 提升单测覆盖率 TypeScript⽀支持 周边⽣生态建设 性能优化 总结 姿(zhi)势(shi)很重要0 码力 | 26 页 | 1.38 MB | 1 年前3
共 6 条
- 1













