• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • YouClaw
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
忆百合
博客园    首页    新随笔    联系   管理    订阅  订阅

随笔分类 -  Vue.js

Vue.js3.0官网文档教程笔记

摘要:疑问点列表: 深入组件》事件》事件校验、配合 v-model 使用; 传参、事件、属性的命名方式; web compocent; 组合式函数>和无渲染组件的对比 自定义指令; 插件; 插槽; 阅读全文
posted @ 2022-11-02 16:01 忆百合 阅读(135) 评论(0) 推荐(0)
第一篇:框架设计概览

摘要:第1章:权衡的艺术 命令式:通过原生JS的DOM操作api的方式来编写渲染页面的方式,侧重于过程中的细节; 声明式:不关注过程中的细节,只关注结果,以标签形式来编写代码然后再编译渲染页面; 性能对比: 首次渲染页面时,命令式、声明式和innerHTML模板式相差不太多; 更新页面时,命令式>声明式> 阅读全文
posted @ 2022-03-16 23:31 忆百合 阅读(115) 评论(0) 推荐(1)
vue路由模式

摘要:https://www.cnblogs.com/goloving/p/9147551.html 阅读全文
posted @ 2022-01-29 14:37 忆百合 阅读(51) 评论(0) 推荐(0)
组件间的传值

摘要:通过props进行父子之间注意点: 在给所传的值设置默认值时,如果是非引用类型的数据,可以直接设置default:非引用类型变量;如果是引用类型则需要用函数return返回的方式: props:{ dataVal:{ type:Array/Object, default:()=>[1,2,3] } 阅读全文
posted @ 2021-12-19 21:42 忆百合 阅读(31) 评论(0) 推荐(0)
vue实例中的data里面写函数方法

摘要:<script> export default { data() { const generateData = _ => { const data = []; for (let i = 1; i <= 15; i++) { data.push({ key: i, label: `备选项 ${ i } 阅读全文
posted @ 2021-12-19 21:27 忆百合 阅读(5029) 评论(0) 推荐(0)
vue中事件的绑定触发、监测与解绑

摘要:父子组件之间的事件的绑定触发、监测与解绑 事件的绑定触发: vm.$emit(event,arg1,arg2......); 事件的监测: vm.$on(event,callback(arg)):如果传入的参数个数是一个,那么arg就是那个传入的参数;如果传入的参数是多个,arg就是一个数组,多个参 阅读全文
posted @ 2021-12-19 21:10 忆百合 阅读(528) 评论(0) 推荐(0)
watch监测的使用方式

摘要:首先确认 watch是一个对象,一定要当成对象来用。 对象就有键,有值。 键:就是你要监控的那个家伙,比如说$route,这个就是要监控路由的变化,或者是data中的某个变量。 值可以是函数:就是当你监控的家伙变化时,需要执行的函数,这个函数有两个形参,第一个是当前值,第二个是变化后的值。 值也可以 阅读全文
posted @ 2021-12-19 19:32 忆百合 阅读(155) 评论(0) 推荐(0)
vueX的使用

摘要:使用vueX的目的与优点: vueX是一个公共状态的管理仓库,便于对多个组件文件都需要使用的公共数据状态进行统一管理; vueX使用方法: 1.安装vueX插件;创建一个编写vueX的store.js文件,在文件中引入vue和vueX,vue.used(vueX);将store.js的文件引入到主文 阅读全文
posted @ 2021-12-18 20:53 忆百合 阅读(370) 评论(0) 推荐(0)
this指向问题

摘要:mounted(){ let that=this; let xhr=new XMLHttpRequest(); // xhr.responseType="json"; let user={name:"xiaoliu",password:123456}; // xhr.setRequestHeader 阅读全文
posted @ 2021-09-14 10:54 忆百合 阅读(44) 评论(0) 推荐(0)
vue的双向数据绑定原理和源码逻辑

摘要:待整理 阅读全文
posted @ 2021-09-07 10:59 忆百合 阅读(19) 评论(0) 推荐(0)
node.js、npm、webpack、vue-cli之间的关系

摘要:1、首先,js原本只能运行在浏览器的谷歌V8引擎上,但是我们想要用js编写后端的业务逻辑,所以有人就把前端浏览器的谷歌V8引擎模块放到了后端服务器上,这样后端就拥有了js的运行环境了,这个环境就是node.js; 2、通过js可以写很多的功能模块,并且这些模块也可以在node.js这个环境下运行,但 阅读全文
posted @ 2021-08-28 00:55 忆百合 阅读(607) 评论(0) 推荐(1)
Vue父子组件之间生命周期钩子函数的执行顺序

摘要:父子组件渲染顺序: 父级beforeCreate ︾ 父级create ︾ 父级beforeMount ︾ 子级beforeCreate ﹀ 子级create ﹀ 子级beforeMount ﹀ 子级mounted ︾ 父级mounted 父子组件更新顺序:每个组件都会有一个组件自己的局部作用域,其 阅读全文
posted @ 2021-08-24 13:39 忆百合 阅读(432) 评论(0) 推荐(0)

博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3