乡村小说小村风流 - 起点中文网
明天白天,张家口、承德西部、保定、石家庄西部、邢台西部多云间阴有雷阵雨或零星阵雨,其他地区多云间晴。最高气温,张家口北部、承德北部、保定西北部26~28℃,其他地区29~34℃。
2024年12月21日,《羊城晚报》2024年7月12日础16版
乡村小说小村风流 - 起点中文网
去年曾有报道提到有一女子因为放生2.5万斤鲇鱼被起诉
创建一个Vue.js组件库(第1部分)2019-11-01 15:17·开心人开发世界我已经在Vue.js项目上工作了几个月了。最初,它只是一个仅位于一个元项目中的项目,但是我们现在正在考虑将其发布到其他平台中。为了不复制粘贴代码并必须维护它的多个副本,我认为将这个项目打包为一个好东西。显然有很多优点:易于安装,每个人都将从更新中受益,一次修复的错误将为每个人修复,等等。有一个想法:我以前从未做过Vue.js包。在第一部分中,我们将编写两个Vue.js应用程序的代码:包含基本组件的库或软件包一个将使用刚刚创建的库的应用先决条件我将使用yarn作为包管理器和vue-cli来创建和构建我们的库和应用程序。如果您的机器上没有 yarn,请参考此进行安装。完成后,安装vue-cli:yarn global add @vue/cliThe app我们将需要一个应用程序来导入我们的库。由于VUE-CLI,它很容易地创建一个:vue create sampleapp您应该对要选择哪个预设有疑问。? Please pick a preset: (Use arrow keys)? default (babel, eslint) Manually select features让我们在这里选择默认值。创建完成后,转到文件夹并运行:yarn serve这将启动开发服务器,并且如果您打开浏览器并转到http://localhost:8080/。您应该看到一个基本的Vue.js应用程序现在我们有了我们的应用程序。The librarySetup现在,我们将创建一个库,该库将被导入到上面刚刚创建的应用程序中。库是任何其他Vue.js应用程序。区别在于如何构建。但是首先创建库:vue create dummylib完成后,打开您喜欢的编辑器。是时候编写一点代码了!打开package.json并查找该scripts节点。您应该会看到以下内容:"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint"},这些是可用的命令。我们已经使用serve过了。但是还有另外两个:build 旨在创建该应用的正式版lint 用于检查您的代码是否遵守准则如前所述,库的构建方式与应用程序不同。默认情况下,“library mode build”不可用。我们需要添加它。这是命令:vue-cli-service build --target lib --name myLib [entry]可以在vue-cli 官方文档中找到。我们将lib重命名为“ dummylib”,“入口点”为src/main.js。将新脚本添加到package.json文件。您可以按自己的意愿命名(此处已决定使用build-lib)。"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "build-lib": "vue-cli-service build --target lib --name dummylib src/main.js", "lint": "vue-cli-service lint"},现在尝试运行,yarn build-lib您应该在屏幕上看到如下所示的内容:DONE Compiled successfully in 1389ms 10:15:58 AMFile Size Gzippeddist/dummylib.umd.min.js 5.43 KiB 1.98 KiBdist/dummylib.umd.js 19.94 KiB 4.56 KiBdist/dummylib.common.js 19.46 KiB 4.42 KiBdist/dummylib.css 0.33 KiB 0.23 KiBImages and other types of assets omitted.? Done in 2.91s.这意味着构建成功。而且,如果您查看该dist文件夹,则应该会看到很多文件。现在,我们需要定义将导入包的任何应用程序应使用哪个文件。我们将选择common.js一个。为此,请在package.json文件中添加以下行:"main": "./dist/dummylib.common.js"创建一个组件现在我们有了库的设置,是时候创建一个组件了。我们称之为“虚拟按钮”DummyButton.vue在components文件夹内创建一个新文件。为了本教程的缘故,我们将创建一个非常简单的组件。这将是一个按钮,显示单击了多少次。这是DummyButton.vue代码: