04 2019 档案
摘要:一开始接触vue时并不知道插槽是什么,后来看了很多文章也是一知半解。然后自己手动敲了一下,在项目中实际应用一下,实在太好用了。后来做小程序后发现也能使用slot,不单单在vue中使用。我就是这么目光短浅(QAQ)。尤其在做组件开发的时候更不能少了slot的使用。 一、对插槽的理解 对于一开始听到别人
阅读全文
摘要:果然,浏览器是明智的,报错了 之后改了代码,如上述代码,两个调换一下,把上边的注释掉,下边的代码打开,然后在浏览器中查看,果然能拿到div里的值 在 Vue 的文档中,说明 Vue 是异步执行 DOM 更新的。 查看网上资料,对异步有这样的解释: (1)所有同步任务都在主线程上执行,形成一个执行栈(
阅读全文
摘要:之前写了vue的生命周期,本以为明白了vue实例在创建到显示在页面上以及销毁等一系列过程,以及各个生命周期的特点。然而今天被问到父子组件生命周期执行顺序的时候一头雾水,根本不知道怎么回事。然后写了一段demo验证一下大佬们说的顺序。 运行此代码,打开f12,进入sources里边 1.首先执行的是父
阅读全文
摘要:1.使用Vue.extend创建全局的Vue组件 把名称以标签的形式放到页面中<my-com1></my-com1> 注意,上边我们组件名称使用的是驼峰命名法,在写到页面中必须将大写的驼峰字母变成小写,标签中不允许使用大写,然后在中间用 "-" 连接,如果不使用驼峰,则直接拿名称引用即可。 2.直接
阅读全文
摘要:1、浏览器的组成 人机交互部分(UI) 我们打开浏览器看到的比如顶部刷新、后退、前进按钮、地址栏、收藏夹等,这些属于人机交互部分,无论什么浏览器都有这些功能。 网络请求部分(Socket) 当我们打开一个网址的时候,浏览器向服务器发起请求,把服务器返回给浏览器的数据给用户展示出来。浏览器一定有发起请
阅读全文
摘要:js并不是真正从上到下依次执行的,js在执行这些代码之前首先要进行一个预解析,它先去找所以的定义,变量的定义函数的声明,并且把变量的定义函数的声明进行提升,提升到这个作用域的最顶层。当执行到函数内部的时候,在执行函数内部的预解析,执行完预解析后再去执行代码,代码是一行一行的执行的。 变量和函数同名的
阅读全文
摘要:分析如上代码: 1、首先创建一个名字为counter的组件,data函数中返回一个外部定义的对象的值,如果直接给data属性设置一个对象而不是函数,那么会在浏览器中直接报错 2、在浏览器中运行代码 每次点击+1按钮,下边的值就会加一 3、如果我们在页面上同时使用三个counter组件 然后在浏览器中
阅读全文
摘要:我从官网上下载了一张vue生命周期的图,接下来实际分析一波vue到底执行了什么东西。 1、我们在使用vue时必不可少的操作就是 var vm = new Vue({}),这样我们就创建了一个vue的实例对象 2、表示,刚初始化了一个vue空的实例对象,这时候,这个对象身上,只有默认的一些生命周期函数
阅读全文