- VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。什么是“状态管理模式”?以一个简单的 Vue 计数应用开始:new Vue({ // state data () { return { count: 0 } }, // view template: ` ... VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。什么是“状态管理模式”?以一个简单的 Vue 计数应用开始:new Vue({ // state data () { return { count: 0 } }, // view template: ` ...
- SSR是什么?什么要用SSRSSR是 Server-Side Rendering(服务器端渲染)的缩写,简单的理解就是将原本在浏览器上渲染编译的组件、页面,现在通过服务器编译html字符串,发送到浏览器,最后将静态标记,混合为客户端上交互的应用程序。(1)解决SEO的问题当百度搜索引擎爬虫爬取的时候,通过URL产生对服务器的请求,服务器根据URL,相应页面,因此百度就获取到了我们的站点的数据... SSR是什么?什么要用SSRSSR是 Server-Side Rendering(服务器端渲染)的缩写,简单的理解就是将原本在浏览器上渲染编译的组件、页面,现在通过服务器编译html字符串,发送到浏览器,最后将静态标记,混合为客户端上交互的应用程序。(1)解决SEO的问题当百度搜索引擎爬虫爬取的时候,通过URL产生对服务器的请求,服务器根据URL,相应页面,因此百度就获取到了我们的站点的数据...
- 本章节主要简要介绍Vue内置指令、自定义指令、常见问题及解决方法等内容。5.1 内置指令Vue.js最为常用的指令为数据绑定指令:v-bind和事件绑定指令:v-bindVue.js为两个最为常用的指令提供了特别的缩写:v-bind缩写<!--完整语法--><a v-bind:href="url">测试</a><!--缩写--><a :href="url">测试</a>v-bind缩写<!-... 本章节主要简要介绍Vue内置指令、自定义指令、常见问题及解决方法等内容。5.1 内置指令Vue.js最为常用的指令为数据绑定指令:v-bind和事件绑定指令:v-bindVue.js为两个最为常用的指令提供了特别的缩写:v-bind缩写<!--完整语法--><a v-bind:href="url">测试</a><!--缩写--><a :href="url">测试</a>v-bind缩写<!-...
- 本章节主要简要介绍Vue数据操作,常见问题及解决方法等内容。4.1 内置组件Vue内置组件4.2 自定义组件<component>元素是vue 里面的一个内置组件。在<component>里面使用 :is,可以实现动态组件的效果。以下演示如何创建一个包含多个子组件的 vue 实例。vue代码部分:新建 vue 实例 “app”,这个实例的 components 里面,有3个组件,这些组件都有... 本章节主要简要介绍Vue数据操作,常见问题及解决方法等内容。4.1 内置组件Vue内置组件4.2 自定义组件<component>元素是vue 里面的一个内置组件。在<component>里面使用 :is,可以实现动态组件的效果。以下演示如何创建一个包含多个子组件的 vue 实例。vue代码部分:新建 vue 实例 “app”,这个实例的 components 里面,有3个组件,这些组件都有...
- 本章节主要简要介绍Vue表单,常见问题及解决方法等内容。3.1 表单元素常见的表单元素主要有form、input、select、date等。3.2 表单校验注:prop对应的不单单是rules规则里面的验证项,同时对应着form-item下的v-model的值。prop绑定的类要与el-form-item下的v-model的值相对应。否则就算校验元素输入字符,也会提示“请输入”之类的提示语,... 本章节主要简要介绍Vue表单,常见问题及解决方法等内容。3.1 表单元素常见的表单元素主要有form、input、select、date等。3.2 表单校验注:prop对应的不单单是rules规则里面的验证项,同时对应着form-item下的v-model的值。prop绑定的类要与el-form-item下的v-model的值相对应。否则就算校验元素输入字符,也会提示“请输入”之类的提示语,...
- 本章节主要简要介绍Vue数据操作,常见问题及解决方法等内容。2.1 字符串将字符串转换为布尔值boolean方式如下:Boolean(""); //输出为:falseBoolean(null); //输出为:falseBoolean(0); //输出为:false Boolean("hi"); //输出为:trueBoolean(100); //输出为:trueBoolean(ne... 本章节主要简要介绍Vue数据操作,常见问题及解决方法等内容。2.1 字符串将字符串转换为布尔值boolean方式如下:Boolean(""); //输出为:falseBoolean(null); //输出为:falseBoolean(0); //输出为:false Boolean("hi"); //输出为:trueBoolean(100); //输出为:trueBoolean(ne...
- Vue+ElementUI多页面打包改造 Vue+ElementUI多页面打包改造
- Vue项目部署到Nginx服务-温馨版 文章目录 Vue项目部署到Nginx服务-温馨版1.概述2.搭建Nginx服务2.1.下载Nginx包2.2.配置Nginx编译环境1.安装gcc2.安装... Vue项目部署到Nginx服务-温馨版 文章目录 Vue项目部署到Nginx服务-温馨版1.概述2.搭建Nginx服务2.1.下载Nginx包2.2.配置Nginx编译环境1.安装gcc2.安装...
- 安装依赖 1. npm install --save html2canvas // 作用是html转图片 2. npm install jspdf --save // 再将图片转为pdf 12 ... 安装依赖 1. npm install --save html2canvas // 作用是html转图片 2. npm install jspdf --save // 再将图片转为pdf 12 ...
- 前端路由和后端路由的概念讲解 引言正文一、路由的概念二、后端路由三、前端路由四、其他知识 结束语 引言 无论你是正在学习vue 还是在学习node, 你一定会碰到前端路由和后端路由这两个概念, 因为路由是实现页面之间的切换的一个重要途径。相信我,这篇文章一定能让你入门路由的概念。 公众号:前端印象不定时有送书活动,记得关注~关注后回复对应文字... 前端路由和后端路由的概念讲解 引言正文一、路由的概念二、后端路由三、前端路由四、其他知识 结束语 引言 无论你是正在学习vue 还是在学习node, 你一定会碰到前端路由和后端路由这两个概念, 因为路由是实现页面之间的切换的一个重要途径。相信我,这篇文章一定能让你入门路由的概念。 公众号:前端印象不定时有送书活动,记得关注~关注后回复对应文字...
- Vue.js中的修饰符 引言正文一、事件修饰符.stop.prevent.capture.self.once.passive修饰符的组合使用 二、按键修饰符三、系统修饰键四、鼠标按钮修饰符五、其他修饰符.sync.native 结束语 引言 其实我们在平时总会用到一些方法去处理我们的事件函数,比如阻止事件的默认行为 、阻止事件冒泡等等。那在Vu... Vue.js中的修饰符 引言正文一、事件修饰符.stop.prevent.capture.self.once.passive修饰符的组合使用 二、按键修饰符三、系统修饰键四、鼠标按钮修饰符五、其他修饰符.sync.native 结束语 引言 其实我们在平时总会用到一些方法去处理我们的事件函数,比如阻止事件的默认行为 、阻止事件冒泡等等。那在Vu...
- Vuejs基础入门 Vue概述早期前后端分离模式MVVM框架Vue简介 Vue.js快速入门安装Vue环境Hello World程序 vue双向数据绑定文本渲染指令属性绑定指令绑定样式使用对象语法绑定样式使用三目运算绑定样式直接绑定内联样式 Vue概述 早期前后端分离模式 早期的前后端分离开发模式是这样的: <!DOCTYPE html>... Vuejs基础入门 Vue概述早期前后端分离模式MVVM框架Vue简介 Vue.js快速入门安装Vue环境Hello World程序 vue双向数据绑定文本渲染指令属性绑定指令绑定样式使用对象语法绑定样式使用三目运算绑定样式直接绑定内联样式 Vue概述 早期前后端分离模式 早期的前后端分离开发模式是这样的: <!DOCTYPE html>...
- 前言 CodeMirror支持在线编辑代码,风格包括js, java, php, c++等等100多种语言。能够做到代码自动补全,代码折叠,可配置键盘事件,支持vim, emacs, sublime text 编码风格、能完成查找替换,括号匹配,分栏显示,显示行号,自行配置字体大小和风格等。 应用 下载codemirror npm install vue-c... 前言 CodeMirror支持在线编辑代码,风格包括js, java, php, c++等等100多种语言。能够做到代码自动补全,代码折叠,可配置键盘事件,支持vim, emacs, sublime text 编码风格、能完成查找替换,括号匹配,分栏显示,显示行号,自行配置字体大小和风格等。 应用 下载codemirror npm install vue-c...
- 标题详情作者简介愚公搬代码头衔华为云特约编辑,华为云云享专家,华为开发者专家,华为产品云测专家,CSDN博客专家,CSDN商业化专家,阿里云专家博主,阿里云签约作者,腾讯云优秀博主,腾讯云内容共创官,掘金优秀博主,亚马逊技领云博主,51CTO博客专家等。近期荣誉2022年度博客之星TOP2,2023年度博客之星TOP2,2022年华为云十佳博主,2023年华为云十佳博主,2024年华为云十佳... 标题详情作者简介愚公搬代码头衔华为云特约编辑,华为云云享专家,华为开发者专家,华为产品云测专家,CSDN博客专家,CSDN商业化专家,阿里云专家博主,阿里云签约作者,腾讯云优秀博主,腾讯云内容共创官,掘金优秀博主,亚马逊技领云博主,51CTO博客专家等。近期荣誉2022年度博客之星TOP2,2023年度博客之星TOP2,2022年华为云十佳博主,2023年华为云十佳博主,2024年华为云十佳...
- 标题详情作者简介愚公搬代码头衔华为云特约编辑,华为云云享专家,华为开发者专家,华为产品云测专家,CSDN博客专家,CSDN商业化专家,阿里云专家博主,阿里云签约作者,腾讯云优秀博主,腾讯云内容共创官,掘金优秀博主,亚马逊技领云博主,51CTO博客专家等。近期荣誉2022年度博客之星TOP2,2023年度博客之星TOP2,2022年华为云十佳博主,2023年华为云十佳博主,2024年华为云十佳... 标题详情作者简介愚公搬代码头衔华为云特约编辑,华为云云享专家,华为开发者专家,华为产品云测专家,CSDN博客专家,CSDN商业化专家,阿里云专家博主,阿里云签约作者,腾讯云优秀博主,腾讯云内容共创官,掘金优秀博主,亚马逊技领云博主,51CTO博客专家等。近期荣誉2022年度博客之星TOP2,2023年度博客之星TOP2,2022年华为云十佳博主,2023年华为云十佳博主,2024年华为云十佳...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新,构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间,华为云展示了Serverless与MCP融合创新的解决方案,本期访谈直播,由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持,华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中,探讨处理器生态的关键要素及其联系,分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源,3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源,3步轻松管理成本,帮助提升日常管理效率!
回顾中
热门标签