![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
「已注销」
这个作者很懒,什么都没留下…
展开
-
Vue3源码解读:内置代理
除了用户可以使用reactive、shallowReactive、readonly、shallowReadonly创建代理外,Vue3内部也创建了若干代理。原创 2023-03-21 19:19:11 · 254 阅读 · 0 评论 -
Vue3源码解读:创建代理
代理、Proxy、reactive、shallowReactive、readonly、shallowReadonly、baseHandlers、collectionHandlers原创 2023-03-16 19:38:33 · 91 阅读 · 0 评论 -
Vue3源码解读:依赖映射
targetMap、depsMap原创 2023-03-15 19:50:20 · 83 阅读 · 0 评论 -
Vue3源码解读:副作用收集依赖
则App组件的渲染副作用的深度是1,a计算属性副作用的深度是2,b计算属性副作用的深度是3。例如,MyApp组件的模板访问了a计算属性,a计算属性访问了b计算属性。原创 2023-03-13 18:53:28 · 197 阅读 · 0 评论 -
Vue3函数式组件
现在,在Vue3中,所有的函数式组件都是用普通函数创建的。换句话说,不需要定义组件选项。props和context。context参数是一个对象,包含组件的attrs、slots和emitproperty。此外,h现在是全局导入的,而不是在render函数中隐式提供。在3.x中,有状态组件和函数式组件之间的性能差异已经大大减少,并且在大多数用例中是微不足道的。...原创 2022-07-29 17:23:05 · 7118 阅读 · 0 评论 -
Vue3 Template Explorer
通过Vue3TemplateExplorer网站,可以很方便地查看Vue3模版编译成的render渲染函数。原创 2022-07-28 17:28:26 · 986 阅读 · 0 评论 -
ElementUI 2.x 自定义指令:鼠标滚轮
src/directives/mousewheel.js文件声明了鼠标滚轮自定义指令。在模版中通过v-mousewheel=“handleMousewheel”,可以绑定发生鼠标滚轮事件时的回调函数。一 代码// 依赖第三方库import normalizeWheel from 'normalize-wheel';// 是否是Firefox浏览器const isFirefox = typeof navigator !== 'undefined' && navig原创 2022-05-23 18:12:02 · 378 阅读 · 0 评论 -
Vue开发常见报错
一 不能识别vue命令报错:vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。解决:npm install -g @vue/cli二 不能安装Vue CLI报错:npm ERR! Unexpected end of JSON input while parsing near '...pyjqqJK6\nEpSv9tZTOVh'解决: npm ...原创 2021-03-15 10:02:48 · 5365 阅读 · 0 评论 -
Vue之注入数据(provide与inject)
祖先组件可以通过provide选项,声明提供数据。后代组件可以提供inject选项,声明注入数据。不论组件层次有多深,在上下游关系成立的时间里始终生效。一 App组件<template> <div> <coffee type="卡布奇诺"/> </div></template><script>import Coffee from './coffee';export ..原创 2020-06-24 15:22:41 · 1045 阅读 · 0 评论 -
Vue之v-if指令与v-show指令
一 App组件<template> <section> <mongo :key="1" v-if="show"/> <mongo :key="2" v-show="show"/> </section></template><script>import Mongo from "./mongo";export default { name: "App...原创 2020-06-11 19:24:36 · 316 阅读 · 0 评论 -
Vue之作用域插槽(slot-scope)
slot-scope可以创建作用域插槽,保存在vm.$scopedSlots中。(从2.6.0开始,已经废弃了slot、slot-scope语法)。一 代码1 App组件<template> <div> <pig> <!-- 默认作用域插槽 --> <h2 slot-scope="slotProps">王者荣耀 - {{slotProps.s...原创 2020-05-29 18:41:54 · 848 阅读 · 0 评论 -
Vue之子虚拟节点列表打补丁
一 节点列表完全相同这是一种最简单的状况。原创 2020-05-19 18:21:24 · 342 阅读 · 0 评论 -
Vue函数式组件
可以将组件标记为functional,这意味它无状态 (没有响应式数据),也没有实例 (没有this上下文)。一 父组件<template> <div class="app"> <news-title type="sport" theme="足球"> 世界杯 </news-title> </div></template><script>...原创 2020-05-15 18:24:09 · 294 阅读 · 0 评论 -
Vue渲染函数
一 父组件<template> <div class="app"> <news-title :level="2"> 一条新闻标题 </news-title> </div></template><script>import NewsTitle from "./NewsTitle";export default { name: "App", component...原创 2020-05-15 17:21:26 · 142 阅读 · 0 评论 -
Vue局部混入
一 需要混入的配置export const options = { beforeCreate() { console.log('混入的beforeCreate钩子'); }, methods: { print() { console.log('混入的print方法'); } }};二 组件<template> <div class="app"&...原创 2020-05-15 16:39:50 · 301 阅读 · 0 评论 -
Vue全局混入
一 代码import Vue from "vue";import App from "./App.vue";// 混入的配置const options = { beforeCreate(){ console.log('混入的beforeCreate钩子'); }, methods:{ print(){ console.log('混入的print方法'); } }};// 全局混入Vue.mixin(options);/...原创 2020-05-15 16:25:35 · 490 阅读 · 0 评论 -
Vue CLI 3 使用 TypeScript 生成新工程
一 安装脚手架如果没有安装 Vue CLI 就先安装npm install --global @vue/cli查看Vue CLI版本vue --version或vue -V二 创建项目1 创建项目vue create vue-demo2 选择手动预设default:默认,一路回车就可以新建Manually:手动,可以自行选择要安装的插件3 ...原创 2019-11-23 17:44:01 · 104 阅读 · 0 评论