vue編譯文件名自定義封包

❶ weex最新版如何將.vue編譯成.js文件

1.components 目錄新建validate.js：
export default{
install(Vue){
Vue.prototype.$myName = "zhagngsan";
}
}
我插件定義屬性
2.入口文件jssrc/index.js 加入：
// 引入
import validate from "./../components/validate";
// 使用
Vue.use(validate);
3.我user-username.vue 組件驗證:
mounted(){
alert(this.$myName);
},
瀏覽器訪問登錄頁面功彈：
寫圖片描述
4.剛剛我已經插件定義屬性馬何定義：
export default{
install(Vue){
// Vue.prototype.$myName = "zhagngsan";
Vue.prototype.checkUserName = (value) => {
if(/\w{6,20}/.test(value)){
return true;
}else{
return false;
}
}
}
}
同使用該：
if(this.checkUserName("hello")){
alert("ok");
}else{
alert("error");
}
5.
寫圖片描述
我修改user-name.vue 組件實現文本框驗證：


用戶名


用戶合
寫圖片描述
自定義指令
文檔：
1、validate.js:
export default{
install(Vue){
// Vue.prototype.$myName = "zhagngsan";
Vue.prototype.checkUserName = (value) => {
if(value == ""){
return true; // 沒填寫,默認true
}
if(/\w{6,20}/.test(value)){
return true;
}else{
return false;
}
}
Vue.directive("uname",{
bind(){
console.log("bind"); // 調用
},
update(el,binding,vnode){
console.log(el);
console.log(binding);
console.log(vnode);
},
})
}
}
2、我自定uname 指令面看何使用

我組件模板使用 v-uname 並且給綁定username數據
我打瀏覽器控制台：
寫圖片描述
說明我定義指令執行：
bind(){
console.log("bind"); // 調用
},
3、面我看update 東東
update(el,binding,vnode){
console.log(el);
console.log(binding);
console.log(vnode);
}

❷ vue 自定義全局方法,在組件裡面的使用介紹

在main.js里進行全局注冊
Vue.prototype.funcName
=
function
(){}
在所有組件里可調用
this.
funcName();
以上這篇vue
自定義全局方法,在組件裡面的使用介紹就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:淺談vue自定義全局組件並通過全局方法
Vue.use()
使用該組件自定義vue全局組件use使用、vuex的使用詳解詳解Vue.use自定義自己的全局組件Vue組件之全局組件與局部組件的使用詳解Vue中自定義全局組件的實現方法vue.js內部自定義指令與全局自定義指令的實現詳解（利用directive）

❸ Vue.工程目錄下設置自定義指令在哪設置

添加自定義目錄：

1、項目需求：頁面左側網頁內容太多，所以想在頁面右側添加一個自定義的目錄，目錄名對應左側內容的小標題，點擊目錄左側頁面滾動到對應的內容。

2、給頁面左側的內容的每個小標題添加一個data-ref屬性。

3、等左側文章載入完成之後，用setTimeout定時器把左側的ref屬性push進一個空的數組。

6、注意scrollTop()和offsetTop()的用法

❹ vue編譯後的js和map文件修改不了嗎

無法還原，編譯後的js為壓縮文件，很多代碼都不存在了

❺ vue壓縮後的js可以反編譯出來嗎

vue壓縮後的js可以反編譯出來，反編譯方法為：

1、在桌面找到自己下載的瀏覽器軟體，點擊瀏覽器圖標。

❻ vue2.0用腳手架搭建的官方例子怎麼用webpack打包 如何配置

前言 vue2 然後通過以下命令安裝 webpack cnpm install webpack -g 註：下面 orange 默認給出 npm 的安裝方案，安裝失敗請自行轉為 cnpm 安裝 在需要創建工程的位置運行 vue init webpack-simple 工程名字<工程名字不能用中文> 或者創建 vue1.0 的項目，只需將命令換成 vue init webpack-simple#1.0 這里我們基於 2.x 開發的，直接使用第一種方法創建工程即可，下圖是創建工程時的截圖，需要你添加 Project name，Project description，Author. 圖中已經給出下一步應該操作的步驟，我們按照步驟一步一步執行，這里 orange 不給大家一步一步列出。 注意：這里一定要使用 npm install 安裝官方庫，而不要使用淘寶鏡像，會導致部分依賴丟失。 安裝完成後，目錄如下圖。 然後我們運行我們的項目後瀏覽器會自動彈出，並展示以下頁面 這里注意觀察，默認給我們八個鏈接，可以根據這幾個鏈接獲得我們想要的學習資源，上面是必要的的鏈接（官方文檔以及關注 vue 動態），下面是 vue 的生態系統，大家親切的叫它們為全家桶。 二、Vue 全家桶 我們接下來介紹全家桶的安裝（使用詳情大家可以去初始頁面的鏈接查看） 一句命令搞定全家桶 npm install vue-router vue-resource vuex --save package.json 已經加入了我們的全家桶，node_moles 目錄下也有對應的依賴包，注意這里現在還不能用擴展之後的方法，因為我們沒引入到項目中來。 src/main.js 修改如下 import Vue from 'vue' import VueResource from 'vue-resource' import VueRouter from 'vue-router' import Vuex from 'vuex' import App from './App.vue' Vue.use(VueResource) Vue.use(VueRouter) Vue.use(Vuex) new Vue({ el: '#app', render: h => h(App) }) 這時我們的項目就能運行對應的擴展方法了 三、集成 Sass 作為移動端的開發怎麼能缺少 css 預編譯語言。sass 安裝需要幾個依賴。 我們乾脆在 package.json 把版本寫死，然後通過 npm install 安裝 在 "devDependencies": {} 中添加下面幾個依賴 "node-sass": "^3.8.0", "sass": "^0.5.0", "sass-loader": "^4.0.0", 好，我們 npm install 後，就可以正式使用 sass 啦 四、目錄結構建議 依賴的安裝到這里差不多結束了，其它大家需要的可以自定義安裝 下面給出我的目錄建議供大家參考， 這里的 img 目錄放置圖片，script 目錄放置公共的工具函數，style 目錄放置我們的 sass 文件， 你查看 App.vue 文件時不難發現，默認的把樣式文件給到了模塊里，這樣樣式一直跟著模塊 orange 建議大家不要這樣做，因為這樣十分不利於樣式的模塊化，注意區分與模版模塊化的區別， 我們單獨設置 style 目錄，並在目錄當中對 sass 進行模塊化處理（通過 import 引入 sass 模塊） 對應的 App.vue 也變得非常簡潔，代碼如下 <style lang="sass"> @import "/style/base.scss"; </style> 五、rem 適配 對於移動端的開發，rem 適配必不可少，我們可以用多種方式實現，下面給出一種方案 在 index.html 中添加如下代碼 <script> let html = document.documentElement; window.rem = html.getBoundingClientRect().width / 16 ; html.style.fontSize = window.rem + 'px'; </script> 這里基於寬 320px 的屏幕分成了 16 份，也就是 1rem = 20px，目前大多數設計稿都是根據 iphone6 的寬（ 375px ）走的，建議大家在這里分成 25 份，也就是 1rem = 15px，計算起來方便些。 簡單說下 rem 原理：根據 html 的 fontSize 屬性值為基準，其它所有的 rem 值，根據這個基準計算。 我們根據屏幕寬度用 js 動態修改了 html 的 fontSize 屬性值，達到移動端適配的目的 總結 以上就是這篇文章的全部內容了，本文作為移動端配置的基礎篇，深入了解框架後才能繼續構建網站，希望這是一個好的開始，有了這個架子再填充代碼就方便了許多，不用再去考慮開發環境問題了。希望本文的內容對有需要的朋友們能有所幫助。

❼ vue怎麼自定義作用域樣式唯一標識。求大神

首先data-*是h5特性,vue中以data-v*來使用此特性.
所以從原理上來講,data-是固定的, *是隨機的, 你只能改v
綜上,改一個v可以獲得滿足感么?不,不能.