但是,当我们需要在自定义组件中使用 v-model 进行数据的双向绑定时,就需要对组件的 props 和 events 进行一些特殊的处理。...本文将详细介绍如何在 Vue 自定义组件中正确使用 v-model 进行数据的双向绑定。2....在传统的前端开发中,双向数据绑定是一个非常重要的功能,能够提高开发效率和用户体验。3. 父组件向子组件传递数据在 Vue 中,我们可以使用 props 来向子组件传递数据。...子组件向父组件传递数据在 Vue 中,我们可以通过 $emit 方法来触发一个自定义事件,并将数据传递给父组件。...自定义组件中 v-model 的使用在自定义组件中使用 v-model 进行数据双向绑定时,需要分别为组件设置 value props 和 input 事件。
使用任何CMS或数据源获取内容。从WordPress,Contentful,本地Markdown或任何其它CMS或API中提取数据。 首先只加载关键的HTML,CSS和JavaScript。...Gridsome使用超快速静态站点生成器,JavaScript和API的强大功能来创建令人惊叹的动态Web体验。 Gridsome站点通常不连接到任何数据库,并且可以完全托管在全局CDN上。...Web App) 通过Apache Cordova构建移动APP(Android,iOS,…) 多平台桌面应用程序(使用Electron) Quasar允许开发人员编写一次代码,然后使用相同的代码库同时部署为网站...使用最先进的CLI设计应用程序,并提供精心编写,速度非常快的Quasar Web组件。 当使用Quasar时,你不需要加载像Hammerjs,Momentjs或Bootstrap这样额外的库。...10 Eagle.js https://github.com/zulko/eagle.js Eagle.js 是一个基于 Vue.js Web 框架构建的幻灯片系统。
Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。...在VuePress中,你可以使用Markdown编写文档,然后生成网页,每一个由VuePress生成的页面都带有预渲染好的HTML,也因此具有非常好的加载性能和搜索引擎优化。...其特点如下: 使用Vue.js,webpack和Node.js等现代工具构建网站。 使用任何CMS或数据源获取内容。...Gridsome使用超快速静态站点生成器,JavaScript和API的强大功能来创建令人惊叹的动态Web体验。 Gridsome站点通常不连接到任何数据库,并且可以完全托管在全局CDN上。...官方网址:https://vue-apollo.netlify.com/ 10、Eagle.js Eagle.js 是一个基于 Vue.js Web 框架构建的幻灯片系统。
RSS 订阅源 使用 Pygments 进行代码语法高亮显示 导入现有 WordPress、Dotclear 或 RSS 订阅源中的内容 基于缓存和选择性输出写入而快速完成重建 可通过丰富插件生态系统进行扩展...渐进增强并适配移动设备 SEO 友好 轻松设置及迁移项目 支持整个 React 生态系统,包括 CSS-in-JS 库、自定义查询层如 GraphQL 甚至 Redux 等技术组件 另外还有热加载支持...主要功能: 使用现代工具如 Vue.js、webpack 和 Node.js 构建网站。...可以连接任何 CMS 或数据源,包括 WordPress、Contentful 等,并使用 GraphQL 在页面和组件中访问数据。...middleman/middleman[6] Stars: 7.0k License: MIT Middleman 是一个静态站点生成器,使用现代 WEB 开发的所有快捷方式和工具。
使用像AlpineJS或Vue-petite这样令人惊叹的东西,它们是即插即用的,并且只发送少量的JS。...Astro Islands是独立的组件,你可以从Vue、React、Svelte甚至更多的前端框架(见结论部分)中带来! 这是他们能做的最方便的事情。 这些组件将被单独渲染,并注入到最终的HTML中。...在一个人们容易分心、大量使用手机浏览互联网的世界里:速度和页面加载是关键。 Astro 是一个可以用作静态站点生成器(SSG)或用作简单后端渲染不需要作为SPA的页面的Web框架。...Astro拥有目前最通用的模板引擎: 它支持来自Vue、React、Svelte、Lit、Preact和Solid JS的外部组件。你可以轻松地重用展示性组件。...所有这些使Astro成为创建以下类型网站的最佳工具: 活动网站 列表网站 教程网站 作品集网站 营销网站 截屏网站 自定义电子商务网站 展示、博客或新闻网站 要创建简单的SPA,比如带有固定音频播放器的网站
为什么使用拖放页面生成器的WordPress? 当开始一个博客时,许多WordPress初学者发现很难在他们的网站上更改或自定义页面布局。...是的,有几个优秀的拖放页面生成器插件可用于WordPress。它们允许您自定义站点上的每个组件,而无需编写一行代码。 这些组件可以是像添加多列、视差背景、全宽图像、内容幻灯片等任何东西。...用户可以将这些组件用作内容块来在其WordPress主题中构建自己的布局。...Elementor还会让您添加其他WordPress插件创建的小部件。 不想构建自己的布局? Elementor还附带有许多随时可用的模板,您可以将其插入到您的页面中。...对于其他非Themify WordPress主题,您可以获取Themify Builder插件。 这个简单且高度直观的页面构建器随附了几个可以随时使用的模块,您可以将它们添加到您的页面或帖子中。
6)、面向未来 为现代浏览器轻松产出原生的 ES2015 代码,或将你的 Vue 组件构建为原生的 Web Components 组件。...包含的功能有: 1)嵌套的路由/视图表 2)模块化的、基于组件的路由配置 3)路由参数、查询、通配符 4)基于 Vue.js 过渡系统的视图过渡效果 5)细粒度的导航控制 6)带有自动激活的...CSS class 的链接 7)HTML5 历史模式或 hash 模式,在 IE9 中自动降级 8)自定义的滚动条行为 安装: npm install vue-router // 安装后在 mian.js...Vue 的美观易用的移动站点。...Ant Design Vue 是 Ant Design 的 Vue 实现,开发和服务于企业级后台产品。 elementUI 是基于 Vue 2.0 桌面端中后台组件库。
我们在AST的转换过程中需要去处理div,span等基础Web DOM元素,替换为自定义基础组件。...比如,嵌套括号被隐含在树的结构中,并没有以节点的形式呈现;而类似于 if-condition-then 这样的条件跳转语句,可以使用带有两个分支的节点来表示。.../src/plugin/dist --no-clean 步骤三:线上渲染 如何在动态组件的umd.js中的组件对象导出并在web端使用呢?...值得注意的是:微组件通过 node 服务下发,可以自定义初始脚手架,构建命令,多端微组件基于该特点以及普通微组件建 H5 应用的方式,将 uni 脚手架作为站点底层脚手架,动态拉取站点配置的多端微组件,...、cookie 等 ,只能通过 uni 提供的 api 完成 原生 web 库无法支持,只能使用 uni 插件市场推荐的第三方库 开发时需尽量规避逻辑层与视图层分离带来的通信损耗 如如果组件有特定客户端的业务逻辑
WordPress在最着名的网络发布阶段中脱颖而出。如今,它控制着超过7000万个站点。本教程介绍如何使用Apache虚拟主机将系统配置为在单个CVM上运行多个WordPress站点。...开始之前 你需要安装LAMP环境,关于如何安装请参考如何在服务器上安装LAMP这篇文章。 本文假设您已经学会了如何在Ubuntu 18.04上安装带有LAMP的WordPress这篇文章的内容。...将您的Web服务器用户www-data设置为站点主目录的所有者: sudo chown -R www-data:www-data /var/www/html/example1.com/ sudo chown...配置WordPress 请参考如何在Ubuntu 18.04上安装带有LAMP的WordPress这篇文章第五步及其后续部分内容。...dockerize和部署多个WordPress应用程序 如何在Ubuntu 18.04上安装带有LAMP的WordPress 如何在Centos系统上安装Wordpress 完成所有操作后,你就可以在浏览器使用你的服务器
Vue是构建出色的Web应用程序的最灵活、灵活和强大的JavaScript框架之一。Vue中最重要的概念和关键特性之一是能够促进应用程序组件之间的通信。...基本上,“emits”是Vue中的一个概念,允许子组件与其父组件进行通信。在Vue中使用emits时,您可以向父组件发出带有数据(可选)的自定义事件。父组件可以监听事件并相应地处理自己的“响应”。...组件通信允许不同的组件交换数据、触发操作,并在整个应用程序中保持应用程序状态的一致性。 让我们来看一个简单的例子,了解一下如何在Vue中让组件进行通信。...然后,消息有效载荷存储在 messageFromChild 引用中,该引用会自动更新模板以显示来自子组件的消息。 简单吧?这展示了你如何在Vue中使组件“相互通信”。...如何在Typescript中正确地使用类型推断 使用emits的一个“缺点”是,当你发出一个自定义事件时,你不一定知道子组件会发出什么。这种不确定性可能会导致数据类型和运行时错误的潜在问题。
6)、面向未来 为现代浏览器轻松产出原生的 ES2015 代码,或将你的 Vue 组件构建为原生的 Web Components 组件。...包含的功能有: 1)嵌套的路由/视图表 2)模块化的、基于组件的路由配置 3)路由参数、查询、通配符 4)基于 Vue.js 过渡系统的视图过渡效果 5)细粒度的导航控制 6)带有自动激活的...CSS class 的链接 7)HTML5 历史模式或 hash 模式,在 IE9 中自动降级 8)自定义的滚动条行为 vueRouter 安装 npm install vue-router //安装后在...Vue 的美观易用的移动站点。...Ant Design Vue 是 Ant Design 的 Vue 实现,开发和服务于企业级后台产品。 elementUI 是基于 Vue 2.0 桌面端中后台组件库。
此主题带有多个自定义页面和 24+ 预先设计的块模式,您可以使用它们通过组合不同的块模式来创建自己的设计。...该主题具备如下的特色: 全站编辑 使用 WordPress 站点编辑器构建 主题选项面板 响应式设计 26+ 块模式 1000+ 谷歌字体 粘性网站标题 自定义代码编辑器 主题选项导入/导出 单员额选项...此主题带有多个自定义页面和 26+ 预先设计的块模式,您可以使用它们通过组合不同的块模式来创建自己的设计。...该主题具备如下的特色: 全站编辑 使用 WordPress 站点编辑器构建 主题选项面板 响应式设计 26+ 块模式 1000+ 谷歌字体 自定义代码编辑器 主题选项导入/导出 单员额选项 自动更新 一键演示导入...该主题具备如下的特色: 全站编辑 使用 WordPress 站点编辑器构建 10+ 主页样式 主题选项面板 响应式设计 1000+ 谷歌字体 19+ 块模式 自定义代码编辑器 主题选项导入/导出 单员额选项
组件:在React中,所有内容都被视为组件,因此你可以轻松导入 React 支持的组件,而不是编码或构建整个功能,你可以方便的导入并使用它。 3....它基于 JavaScript 框架,可以集成到基于 JavaScript 构建的其他程序中。 详细的文档:开发人员总是喜欢使用带有详细文档的框架,因为他们总是很容易编写自己的第一个应用程序。...Polymer Polymer 是一个由 Google 维护的开源 JavaScript 库,用于使用 Web 组件构建 Web 应用。...与其他 JavaScript 框架不同,Polymer 让开发人员构建组件时去利用 Web 中存在的功能。它是第一个利用 Web 组件来对应用进行交互式构建的库。...Polymer 的关键特性: Web 组件:Polymer 构建在 Web 组件的思想之上。 Web 组件是一组 w3c 标准,由几种不同的 Web 技术组成,其中包括自定义元素。
此主题带有多个自定义页面和 24+ 预先设计的块模式,您可以使用它们通过组合不同的块模式来创建自己的设计。...此主题带有多个自定义页面和 26+ 预先设计的块模式,您可以使用它们通过组合不同的块模式来创建自己的设计。...该主题具备如下的特色:全站编辑使用 WordPress 站点编辑器构建主题选项面板响应式设计26+ 块模式1000+ 谷歌字体自定义代码编辑器主题选项导入/导出单员额选项自动更新一键演示导入专业支持图片...该主题具备如下的特色:全站编辑使用 WordPress 站点编辑器构建10+ 主页样式主题选项面板响应式设计1000+ 谷歌字体19+ 块模式自定义代码编辑器主题选项导入/导出单员额选项自动更新一键演示导入专业支持图片...该主题具备如下的特色:全站编辑使用 WordPress 站点编辑器构建主题选项面板响应式设计27+ 块模式1000+ 谷歌字体自定义代码编辑器主题选项导入/导出单员额选项自动更新一键演示导入专业支持图片
这个框架的大小是18- 21KB ; Vue支持基于组件的方法来构建Web应用程序; 文档详细。开发人员总是喜欢使用带有详细文档的框架,因为他们编写第一个应用程序总是很容易; 通俗易懂。...10 Eagle.js Eagle. js 是使用Vue构建的强大、灵活、独特的幻灯片显示系统。它允许你在演示文稿中创建易于重用的组件、幻灯片和样式。...11 工具包 Nuxt.js Nuxt是一个用于构建通用应用程序的简单而直接的框架:服务器呈现的应用、单页应用、渐进式Web应用,或者只是将其用作静态站点生成器。...使用BootstrapVue,你可以使用Vue.js和世界上最流行的前端CSS库-Bootstrapv4在Web上构建响应性强、移动第一和ARIA可访问的项目。它还可以轻松地与Nuxt.js集成。...Statusfy 站点是一个Web应用程序,创建于Eleventy 、Vue、Nuxt. js 和TailwindCSS 之上。
本文总结了一些最值得关注的工具和库,相信你迟早会用在自己的 Vue.js 项目中。同类文章经常只会列举一些 UI 组件库,而本文涉及的范围更广,探讨了 Vue 生态系统中的一系列工具、库和插件。...,用于构建通用程序,例如:服务器端渲染的应用,单页应用,渐进式 Web 应用,或只是把它用作静态站点生成器。...它只是用 Vue 代码替换了常规的 Bootstrap 组件中的JavaScript。...借助 Bootstrap Vue,你可以使用 Vue.js 和世界上最受欢迎的前端 CSS 库——Bootstrap v4 在 Web 上构建响应式、移动优先和 ARIA 可访问的项目。...它有一个默认主题(适用于技术文档),但你也可以构建自定义主题或使用社区中的预制主题。
在计算机网络中,“localhost”是指运行特定程序的计算机。例如,如果您在自己的计算机上运行程序(如Web浏览器或本地Web开发环境),那么您的计算机就是“Localhost”。...另一方面,如果您谈论的是位于主机Web服务器上的MySQL数据库,那么您主机的Web服务器就是该场景中的“Localhost”。...站点数据库的访问 首先,许多WordPress开发人员创建了一种称为“本地测试环境”的东西来构建WordPress网站。...下面,您将了解有关每种情况的更多信息…… 如何在本地安装WordPress(您的“本地主机”) 您可以使用许多通用工具和特定于WordPress的工具来创建本地WordPress开发环境。...使用这些工具中的任何一个,您实际上都可以在自己的计算机上创建一个独立的Web服务器。
但最大的好处是您的网站 100% 属于您,您可以自由支配您的网站的样式,并使用任何您喜欢的主题、插件或其他附加组件。 什么是Blog(博客)? 博客是“weblog”的缩写,一种在线日志,如日记。...在 WordPress 博客中,一些主题包含可用于格式化内容的简码,例如,添加按钮。而一些插件使用简码插入特殊内容,例如使用插件构建的联系表单。...这些可以包括基本的文本和图像,或者更具体,如电子商务商店产品轮播或自定义捐赠表格。如果您使用的是构建器,则会包含基本块,但通常您可以找到附加组件或扩展来添加更多。...Page Builder(页面构建器) 页面构建器是一种为您的 WordPress 网站创建自定义布局和通用网页设计的无代码方式。...htaccess htaccess是一个 WordPress 配置文件,它定义了您的 Web 服务器如何操作您网站的重要方面。这包括(但不限于)设置站点语言、启用 SSL、管理 url 重定向等。
如果你还不熟悉Bootstrap,本文提供的信息和资源将帮助你快速入门。 为什么推荐使用Bootstrap开始编程呢? 使用Boostrap比在Web项目上从零开发更有优势。...1.Fuel UX 是一组用于web应用程序的附加JavaScript控件。它提供了超过12个jQuery控件供部署使用,如数据中继器、树、导航栏等。 2....Typeahead.js 是一个来自Twitter的JavaScript库,用于构建typeaheads。 31. X-editable 插件支持在Bootstrap中的页面上创建可编辑元素。...Bootstrap Tour 是一个简单的插件,用于创建带有(或者没有)Bootstrap的站点浏览。...BootstrapWP 是一个基于Bootstrap的自定义WordPress主题开发的基础程序。 27.
JavaScript 与Web基础 Vue 作为一个用于构建 Web 用户界面的 JavaScript 框架,在开始使用 Vue 之前,你必须了解 JavaScript 和 Web 开发的基础知识。...要构建一个 Vue 应用程序,你还需要知道如何在网页中安装 Vue,并了解 Vue 实例的生命周期等知识。 组件 其次,Vue 组件是独立的可重用 UI 元素。...在将“页面”构建为 Vue 组件之后,就可以使用 Vue Router 将每个“页面”映射到一个唯一的路径,Vue Router 是一个用于构建 SPA 的工具,由 Vue 团队维护。...很多开发人员觉得 Webpack 难以掌握,配置起来也很麻烦,但如果没有它,将无法使用 Vue 的一些有用的功能(如单文件组件)。...Vuetify 谷歌的 Material Design 是一个使用十分广泛的页面样式指南,用于构建漂亮的逻辑用户界面,并被用在谷歌的产品(如 Android 和 Web)当中。
领取专属 10元无门槛券
手把手带您无忧上云