![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue.js
文章平均质量分 87
vue.js及周边生态技术
lmew
从事PC端、h5、公众号、小程序的前端开发
展开
-
vue2.0—vue.$set()方法源码
在使用vue开发项目的过程中,经常会遇到这样的问题:当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。这是因为新加入的属性不是响应式的,因此不会触发视图的更新,通常使用静态方法Vue.set()或者实例方法this.$set()解决 ,使用方式:对象:this.$set(target,key,value)数组:this.$set(target,index,value)但不管是静态方法Vue.se...原创 2021-08-29 19:45:36 · 254 阅读 · 0 评论 -
Vue.js静态站点部署-Vercel +GitHub
文章简介:本文是使用Vercel + Github部署静态站点的笔记准备工作本地创建静态站点,并完成静态站点相应代码的编写。使用背景静态站点完成以后,需要部署到线上,如果使用传统的部署方式,每次代码更新都需要在本地重新打包构建,然后替换服务器上的代码包,这种方式对于更新不频繁的站点是可取的。一旦站点更新的频繁,这种方式就很繁琐,很费人力。这里采用Vercel + Github方式部署。Vercel + Github部署优势:Vercel + Github部署,一旦Github上的代码更新了,.原创 2021-02-04 19:22:25 · 2483 阅读 · 1 评论 -
Vue静态站点生成-Gridsome综合案例
阅读建议:建议通过左侧导航栏进行阅读文章简介:本文是实现Gridsome综合案例的笔记案例介绍功能介绍:实现一个个人博客的基本功能案例目的:体验使用Gridsome解决实际开发过程中的问题案例实现创建Gridsome项目gridsome create gridsome-blog本地启动项目npm run develop浏览器访问http://localhost:8080/,如下:...原创 2021-02-01 10:42:42 · 441 阅读 · 0 评论 -
Vue静态站点生成-Gridsome基础
阅读建议:建议通过左侧导航栏进行阅读文章简介:本文是使用Gridsome生成静态站点的学习笔记静态网站生成器定义:静态网站生成器是使用一系列配置、模板以及数据,生成静态HTML文件及相关资源的工具。特点:由于是提前生成静态HTML文件及相关资源,所以也叫预渲染生成的网站不需要服务器,只需要放到支持静态资源的web server 或 CDN即可运行...原创 2021-01-27 16:16:27 · 641 阅读 · 0 评论 -
服务器端渲染-Vue SSR搭建
阅读建议:建议通过左侧导航栏进行阅读文章简介:本文是Vue.js服务器端渲染的另一种解决方案-SSR(Server-Side Rendering)学习笔记Vue SSR是什么官方文档解释:Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。服务器渲染的 Vue.js 应用程序也可以被认.原创 2021-01-25 15:33:48 · 592 阅读 · 0 评论 -
服务器端渲染-Nuxt.js综合案例发布部署
Nuxt.js 提供了一系列常用的命令, 用于开发或发布部署。项目打包命令列表命令描述nuxt启动一个热加载的 Web 服务器(开发模式) localhost:3000nuxt build利用 webpack 编译应用,压缩 JS 和 CSS 资源(发布用)nuxt start以生产模式启动一个 Web 服务器 (需要先执行nuxt build)nuxt generate编译应用,并依据路由配置生成对应的 HTML 文件 (用于静态站点的部署)命.原创 2021-01-20 18:16:44 · 347 阅读 · 1 评论 -
服务器端渲染-Nuxt.js综合案例
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码原创 2021-01-16 23:15:24 · 353 阅读 · 0 评论 -
Vue状态管理-Vuex
文章目录前言一、Vuex是什么二、Vuex应用场景三、Vuex使用1.引入库2.读入数据总结前言Vuex作为Vue的核心插件,是学习Vue框架必不可少的内容,本文主要介绍了Vuex是什么、使用场景、核心概念、并通过案例介绍Vuex在实际项目中的使用,参考:Vuex官网提示:以下是本篇文章正文内容,下面案例可供参考一、Vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex原创 2021-01-04 17:45:54 · 167 阅读 · 0 评论 -
服务器端渲染-Nuxt.js基础
文章目录前言一、Nuxt.js定义二、Nuxt.js使用方式三、路由四、路由参考其他文章前言上一篇文章前端页面渲染之基础(一),介绍了各种渲染模式的优缺点,并在最后使用了vue.js的Nuxt.js,通过一个小案例,体验了现代服务器渲染模式,下面进一步介绍Nuxt.js一、Nuxt.js定义二、Nuxt.js使用方式三、路由四、路由参考其他文章...原创 2021-01-14 11:45:45 · 301 阅读 · 0 评论 -
服务器端渲染基础
文章目录前言一、传统服务端渲染页面二、客户端渲染页面三、现代化服务端渲染页面前言渲染的本质就是字符串的解析替换,对于开发者而言,在客户端请求后端接口数据,然后将数据通过模板绑定语法绑定到页面中,最终呈现给用户,这个过程可以看做是渲染,本文不关注怎么渲染,而是在哪里渲染的问题。一、传统服务端渲染页面在ASP、PHP、JSP,再到后来的一些相对高级一点的服务端框架配合一些模板引擎的时代,web页面渲染都是在服务端完成的,即在服务端将所需的数据结合页面模板渲染为HTML,然后再将完整的页面返回给客户端原创 2021-01-07 22:53:53 · 821 阅读 · 0 评论