随笔分类 - Vue.js
Vue.js3.0官网文档教程笔记
摘要：疑问点列表： 深入组件》事件》事件校验、配合 v-model 使用； 传参、事件、属性的命名方式； web compocent; 组合式函数>和无渲染组件的对比 自定义指令； 插件； 插槽；
阅读全文
第一篇：框架设计概览
摘要：第1章：权衡的艺术 命令式：通过原生JS的DOM操作api的方式来编写渲染页面的方式，侧重于过程中的细节； 声明式：不关注过程中的细节，只关注结果，以标签形式来编写代码然后再编译渲染页面； 性能对比： 首次渲染页面时，命令式、声明式和innerHTML模板式相差不太多； 更新页面时，命令式>声明式>
阅读全文
组件间的传值
摘要：通过props进行父子之间注意点： 在给所传的值设置默认值时，如果是非引用类型的数据，可以直接设置default:非引用类型变量；如果是引用类型则需要用函数return返回的方式： props:{ dataVal:{ type:Array/Object, default:()=>[1,2,3] }
阅读全文
vue实例中的data里面写函数方法
摘要：<script> export default { data() { const generateData = _ => { const data = []; for (let i = 1; i <= 15; i++) { data.push({ key: i, label: `备选项 ${ i }
阅读全文
vue中事件的绑定触发、监测与解绑
摘要：父子组件之间的事件的绑定触发、监测与解绑 事件的绑定触发： vm.$emit(event,arg1,arg2......); 事件的监测： vm.$on(event,callback(arg)):如果传入的参数个数是一个，那么arg就是那个传入的参数；如果传入的参数是多个，arg就是一个数组，多个参
阅读全文
watch监测的使用方式
摘要：首先确认 watch是一个对象，一定要当成对象来用。 对象就有键，有值。 键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化，或者是data中的某个变量。 值可以是函数：就是当你监控的家伙变化时，需要执行的函数，这个函数有两个形参，第一个是当前值，第二个是变化后的值。 值也可以
阅读全文
vueX的使用
摘要：使用vueX的目的与优点： vueX是一个公共状态的管理仓库，便于对多个组件文件都需要使用的公共数据状态进行统一管理； vueX使用方法: 1.安装vueX插件;创建一个编写vueX的store.js文件，在文件中引入vue和vueX，vue.used(vueX);将store.js的文件引入到主文
阅读全文
this指向问题
摘要：mounted(){ let that=this; let xhr=new XMLHttpRequest(); // xhr.responseType="json"; let user={name:"xiaoliu",password:123456}; // xhr.setRequestHeader
阅读全文
node.js、npm、webpack、vue-cli之间的关系
摘要：1、首先，js原本只能运行在浏览器的谷歌V8引擎上，但是我们想要用js编写后端的业务逻辑，所以有人就把前端浏览器的谷歌V8引擎模块放到了后端服务器上，这样后端就拥有了js的运行环境了，这个环境就是node.js; 2、通过js可以写很多的功能模块，并且这些模块也可以在node.js这个环境下运行，但
阅读全文
Vue父子组件之间生命周期钩子函数的执行顺序
摘要：父子组件渲染顺序： 父级beforeCreate ︾ 父级create ︾ 父级beforeMount ︾ 子级beforeCreate ﹀ 子级create ﹀ 子级beforeMount ﹀ 子级mounted ︾ 父级mounted 父子组件更新顺序：每个组件都会有一个组件自己的局部作用域，其
阅读全文
