![](https://img-blog.csdnimg.cn/direct/73fe52e855a64eef8a20a1e4e33ca7bc.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 68
vue
土豆沙发
这个作者很懒,什么都没留下…
展开
-
vuejs路由和组件系统
滚动行为记录:这个功能只在支持 history.pushState 的浏览器中可用。路由匹配规则:静态路由、动态路由、正则匹配。路由元信息:路由表中配置meta字段。原创 2024-05-21 13:17:07 · 751 阅读 · 1 评论 -
vue.js状态管理和服务端渲染
(源码仓库:https://github.com/vuejs/pinia/blob/v2/packages/pinia/src/createPinia.ts)provide/inject:通过provide/inject实现父组件和后代组件的跨层级通信。组件内管理状态:通过data,computed等属性管理组件内部状态。父子组件通信:通过props和自定义事件实现父子组件状态的通信和传递。事件总线eventBus:通过new Vue()实例,实现跨组件通信。状态管理库:Vuex/Pinia。原创 2024-05-20 17:02:28 · 513 阅读 · 0 评论 -
vue核心模块源码解析
编译原理:从模板到渲染函数===> 源代码->词法分析->语义分析->AST->transform->目标代码。模板的本质就是对HTML的增强 :增加了一些指令 v-if 、 {{}}3、vue代码一致性比较弱(实现同一个功能方法路径太多)渲染器初次渲染 createApp().mount()2、表现能力不同,vue语法糖比react多很多。渲染函数本质就是js,注入了一些context。二次更新:patch函数—dom diff。4、性能,compiler优化。compiler编译时->原创 2024-05-20 11:30:24 · 665 阅读 · 0 评论 -
vue-cli详解
【代码】vue-cli详解。原创 2024-05-15 08:43:49 · 128 阅读 · 0 评论 -
vue基础+高级用法
在vue2.x中,v-if和v-for同时使用,v-for优先级更高。v-model - 双向绑定 => :value + @input。执行顺序:extends > mixin > 引入组件。v-html -渲染html,慎用,防止攻击脚本的注入。从预定的配置中拓展出来一个独立的配置项进行合并。在vue3中,v-if始终高于v-for。v-text - 只渲染字符串。外部做结构描述勾勒,内部做传参。v-once - 只渲染一次。原创 2024-05-14 15:40:55 · 873 阅读 · 0 评论 -
2021-05-28Vue的学习思维导图
1.vue的基本代码结构 const vm=new Vue({ el:"#app",//把实例与视图层进行关联 data:{//this->window},//把实例与数据层进行关联 methods:{//this->vm}, props:{ //可以是数组或者对象,用于接收父组件数据 //对象可以配置高级选项,如类型检测、自定义验证和设置默认值 }, watch:{//this->wm}, computed:{}, render(){ //声明周期钩子函数原创 2021-05-28 12:42:09 · 220 阅读 · 0 评论