随笔分类 - 【404】Vue入门
摘要:序言 资料 https://www.makeapie.com/explore.html#sort=rank~timeframe=all~author=all
阅读全文
摘要:序言 echarts的柱状图在数量比较少时如何控制柱状图的宽度 https://blog.csdn.net/weixin_41305441/article/details/103121794 资料 https://echarts.apache.org/examples/zh/index.html h
阅读全文
摘要:序言 大家先回顾一下vue2.0中子父之间互相传值的方式是什么样子的 子向父传值:this.$emit(“name”,“值”); 父接收:@name:name (自定义方法接收); 父向子传值::name=‘222’ 子接收:props:[‘name’] 接收 大家有没有想过其他的办法呢?今天咱们要
阅读全文
摘要:序言 自定义组件 Vue组件的三要素 1. props参数 2. slot定制插槽 3. event自定义事件 <template> <div class="headComponent"> {{{ msg }} </div> </template> <script> export default {
阅读全文
摘要:序言 async作为一个关键字放到函数前面 任何一个async函数都会隐式返回一个promise await关键字只能在使用async定义的函数中使用 await后面可以直接跟一个 Promise实例对象 await函数不能单独使用 async/await 让异步代码看起来、表现起来更像同步代码 资
阅读全文
摘要:序言 https://router.vuejs.org/zh/ 嵌套路由 子路由 路由重定向 路由占位符 路由钩子函数有三种: 1:全局钩子: beforeEach、 afterEach 2:单个路由里面的钩子: beforeEnter、 beforeLeave 3:组件路由:beforeRoute
阅读全文
摘要:序言 组件的最大特性就是复用性,而用好插槽能大大提高组件的可复用能力 匿名插槽 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/java
阅读全文
摘要:序言 watch、computed和methods之间的对比 computed属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算。主要当作属性来使用; methods方法表示一个具体的操作,主要书写业务逻辑; watch一个对象,键是需要观察的表达式,值是对应回调函数。主要用来监听某些特定数据
阅读全文
摘要:序言 在人生的舞台上,每个人,都是一个演员。 Vuex Vuex是Vue配套的公共数据管理工具,它可以把一些共享的数据,保存到vuex中,方便整个程序中的任何组件直接获取或修改我们的公共数据。 Vuex是什么? 在我看来vuex就是把需要共享的变量全部存储在一个对象里面,然后将这个对象放在顶层组件中
阅读全文
摘要:序言 如果你了解过JavaScript的设计模式一一观察者模式,一定知道dispatchEvent和addEventListener这两个方法。 Vue组件也有与之类似的一套模式,子组件用$emit()来触发事件,父组件用$on()来监昕子组件的事件。 父传子 通过prop实现通信 <!DOCTYP
阅读全文
摘要:序言 生命周期 beforeCreated data和methods中的数据都还没有没初始化 Created 如果要调用methods中的方法,或者操作data中的数据,最早只能在created中操作 beforeMount 表示模板已经在内存中编辑完成了,页面中的元素,还没有被真正替换过来 Mou
阅读全文
摘要:序言 一个人能认识到现实世界中的不完美, 同时他还能想到一种方式做出改进,同时他还有能力实现自己的想法,这三件事巧合地发生在一个人身上,这才是最难能可贵的。 安装 npm install -g @vue/cli # OR yarn global add @vue/cli vue create my-
阅读全文
摘要:序言 资料 https://www.cnblogs.com/chanwahfung/p/11968205.html
阅读全文
摘要:序言 过滤器:filter 全局过滤器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.
阅读全文
摘要:序言 很多人不成功的原因主要是太尊重自己了 常用命令 基本的Vue代码结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initia
阅读全文