Vue外掛程式（概念 功能 開發）

1.元件：是對某些功能或某模組的封裝

2.外掛程式：是對一系列元件的封裝

外掛程式通常用來為 vue 新增全域性功能。外掛程式的功能範圍沒有嚴格的限制——一般有下面幾種：

新增全域性方法或者 property。如：vue-custom-element

新增全域性資源：指令/過濾器/過渡等。如 vue-touch

通過全域性混入來新增一些元件選項。如 vue-router

新增 vue 例項方法，通過把它們新增到vue.prototype上實現。

乙個庫，提供自己的 api，同時提供上面提到的乙個或多個功能。如 vue-router

（一）、建立專案 vue-msg

vue create vue-msg

1.建立提示元件：vue-msg\plugins\vue-msg.vue：

}

注意：作為vue外掛程式需要有install方法以供初始化，具體原因參考之前的文章：vue.use()原理和vue外掛程式的開發使用：

// 外掛程式打包入口檔案

import msg from './vue-msg.vue'
const plugin = {};
//作為vue外掛程式需要有install方法以供初始化
plugin.install = (vue) => 
export default plugin;

package.json：

"name": "vue-msg-123111", // 修改名字

"version": "1.1.1", // 修改版本號
"private": false, // 改為公開
"main": "lib/vue-msg.umd.min.js", // 使用者引用外掛程式時的入口檔案
"license": "mit", // 新增執照
"description": "測試外掛程式", // 新增描述
"scripts": ,

npm run lib

（五）發布到npm

登入：輸入使用者名稱、密碼、郵箱

npm login

npm publish

建立新專案用於測試外掛程式：

vue create vue-test

npm i vue-msg-123111

import vue from 'vue'

import vuemsg from 'vue-msg-123111'
import 'vue-msg-123111/lib/vue-msg.css'
vue.config.productiontip = false
vue.use(vuemsg);
vm = new vue(
效果：

iOS 分享功能開發

如下圖 我們今天要講到的方式是使用了乙個第三方工具 一，註冊賬號 去官網註冊 二，sdk整合 新增依賴庫檔案 必須新增的依賴庫 根據社交平台需要新增的依賴庫 到此為止sdk整合就算完成 下來我們開始 部分 三，初始sharesdk和社交平台 1 設定根檢視控制器 必須設定rootviewcontro...

發票功能開發小結

1 li前面的點消除 list style none li不需要選不同的class名稱。只需要乙個class。可以使用 nth child n doctype html html head style p nth child odd p nth child even style head body ...

android 功能開發筆記

1，重力感應 感應器程式設計 a.獲取系統服務 sensor service 返回乙個sensormanager 物件 sensormanager sensormanager getsystemseriver sensor service b.通過sensormanager物件獲取相應的sensor...