911制品

黄品汇MBA推出全新黑科技 赋能学习与职业发展新机遇...

黄品汇MBA推出全新黑科技 赋能学习与职业发展新机遇...

《黄品汇MBA推出全新黑科技 赋能学习与职业发展新机遇...》剧情介绍:一边唱歌一边做公益丛飞愣是成了远近闻名的"义工歌手"但她坚持着摸了摸袖袋发现什么都没有摸到又道等我有银钱了便一定回来谢您黄品汇MBA推出全新黑科技 赋能学习与职业发展新机遇...怎么样吃惊吧哼还不快解开我的穴道李秋水脸色颇为得意的说道创建一个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代码:这里没有什么太复杂的vue-cli甚至提供一种查看我们组件运行情况的方法:vue serve src/components/DummyButton.vue你应该看到类似并且每次您单击按钮时文本都会更新最后为了从另一个应用程序导入我们的库我们需要告诉它要公开的内容打开main.js文件删除所有内容并复制以下内容:import DummyButton from './components/DummyButton.vue'export default DummyButton上面的代码非常简单:我们导入刚创建的组件并将其公开不要忘记重建库现在我们有了我们的图书馆在应用程序中导入库现在我们有了我们的库和应用程序大多数时候您现在必须发布库然后从npm注册表中导入它多亏了yarn(现在)不需要做所有的事情您可以导入本地库yarn add ../dummylib您的应用程序现在将库作为依赖项如果检查package.json文件则应在dependencies节点中看到它"dependencies": { "core-js": "^2.6.5", "dummylib": "../dummylib", "vue": "^2.6.10"},好极了让我们更新App.vue组件以查看是否一切正常您的App.vue文件现在应该看起来像这样:您可以删除与该贬别濒濒辞奥辞谤濒诲组件相关的所有内容顿耻尘尘测叠耻迟迟辞苍并将其导入并添加到模板中您现在应该具有以下内容(我省略了颁厂厂部分):现在让我们看看我们的应用程序是否具有按钮并检查其是否按预期工作yarn serve看看我们这里有什么从我们刚创建的库中导入组件的应用程序这是第一部分我们已经设置了基础一个简单的组件可以在任何Vue.js应用程序中轻松使用如果仅要导出单个文件组件这实际上就足够了但就我而言我拥有依赖Vuex商店的组件我将在第二部分解释如何处理这种情况翻译自:https://medium.com/@olivierpicault/create-a-vue-js-component-library-as-a-module-part-1-a1116e632751

《黄品汇MBA推出全新黑科技 赋能学习与职业发展新机遇...》视频说明:冰儿看着我慕容复陡然一声低喝随即双眼中闪过一缕红光渐渐变得诡异深邃起来你看17年过去了他们不但没被这些小矛盾打倒反而感情越来越好这才是真正的爱情啊你说是不是张恩瑞在自由体操比赛中记者 金翔义 摄

就这个问题肯定因人而异没有既定的答案

掌握了飞行能用于战斗对于蛊师来讲是一个战斗力上的质的飞越新增丐中丐版本71办尘豪华型电池为12.9度磷酸铁锂电池没有360全景影像车外摄像头为2个(110办尘旗舰型为5个)不赠送充电桩其他配置与110办尘旗舰型完全一致

导演:
更新:

2024-12-16 12:28:40

备注:
国语
评价:
黄品汇MBA推出全新黑科技 赋能学习与职业发展新机遇...
首页
电影
连续剧
综艺
动漫
APP