Nuxt.js开发笔记

Nuxt.js开发笔记

Nuxt.js是基于vue的一个全栈(这里全栈的意思是支持CSR和SSR)开发框架或者说开发套件,支持SSR(服务端渲染)、SSG(静态站点生成)、SPA(单页面应用),它提供了vue不提供的路由、缓存、接口服务、SSR,并对开发场景做了大量优化,开箱即用。

阅读更多
浅谈hooks
解决浏览器自动填充密码框的问题
Vue的作用域插槽(slot)

Vue的作用域插槽(slot)

父组件中向子组件的slot插入内容一般只能使用父组件本身的数据,如果想要在父组件中使用子组件中的数据作为内容插入子组件的slot该怎么办。

这个时候就要用到作用域插槽了。

阅读更多
Vue2和Vue3数据绑定实现原理的变化
在Vue2中给data中的属性添加新属性的方法

在Vue2中给data中的属性添加新属性的方法

由于Vue2的双向绑定是基于 Object.defineProperty() 的,这个方法只能监听 data 里面已经存在的属性,并不能对于新添加的属性进行监听,故而直接给data添加新属性是无法被vue监听到并绑定到页面上的。

这里注意:是没办法添加data下的一级属性的,必须事先定义。

下面是几种给data中的属性添加新属性的方法。

阅读更多
Vue2和Vue3的区别
Vue teleport to

Vue teleport to

官网文档写的过于啰嗦。

一句话总结就是: teleport 组件用于包裹html代码或者组件,配合 to 可以指定包裹的内容被渲染到哪个标签之下(使用类似jQuery的选择器指定标签,使用id,class等选择器,不要使用标签选择器)。

阅读更多
Vue获取页面元素
Vue异步组件以及配合suspense使用

Vue异步组件以及配合suspense使用

异步组件的使用场景是,当一个项目被分成很多歌组件的时候,当在一个组件中需要到另一个组件的时候,可以使用异步组件的方式异步请求一个服务器上的组件。

阅读更多