開發管理系統或票據打印功能時，打印功能是一個很常見的需求。本教程將詳細介紹如何在 Vue3 項目中使用 vue-print 插件實現票據文檔的打印功能。
現代Web應用中，有很多場景需要打印功能，例如財務報表、發票、訂單明細等。Vue3是目前流行的前端框架之一，vue-print插件提供了簡單易用的API，使得在Vue3中實現打印功能變得便捷。
如果你還沒有 Vue3 項目，你可以使用 Vue CLI 快速創建一個：
vue create vue-print-demo
cd vue-print-demo
在項目根目錄下運行以下命令安裝 vue-print 插件：
npm install vue-print-nb@next
在 src/main.js 中配置 vue-print 插件：
import { createApp } from 'vue';
import App from './App.vue';
import Print from 'vue-print-nb';
const app=createApp(App);
app.use(Print);
app.mount('#app');
在 src/components 目錄下創建 PrintInvoice.vue 組件：
<template>
<div ref="printArea">
<h1>發票</h1>
<p>發票號：{{ invoiceNumber }}</p>
<p>日期：{{ date }}</p>
<p>客戶名稱：{{ customer }}</p>
<table>
<tr>
<th>商品</th>
<th>數量</th>
<th>單價</th>
<th>總價</th>
</tr>
<tr v-for="item in items" :key="item.id">
<td>{{ item.name }}</td>
<td>{{ item.quantity }}</td>
<td>{{ item.price }}</td>
<td>{{ item.quantity * item.price }}</td>
</tr>
</table>
<p>總計：{{ total }}</p>
</div>
<button @click="print">打印發票</button>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
interface Item {
id: number;
name: string;
quantity: number;
price: number;
}
export default defineComponent({
name: 'PrintInvoice',
setup() {
const printArea=ref<HTMLElement | null>(null);
const invoiceNumber='INV-123456';
const date=new Date().toLocaleDateString();
const customer='某某公司';
const items: Item[]=[
{ id: 1, name: '商品1', quantity: 2, price: 50 },
{ id: 2, name: '商品2', quantity: 1, price: 100 },
];
const total=items.reduce((sum, item)=> sum + item.price * item.quantity, 0);
const print=()=> {
if (printArea.value) {
const printContent=printArea.value.innerHTML;
const newWindow=window.open('', '', 'width=800,height=600');
if (newWindow) {
newWindow.document.write(printContent);
newWindow.document.close();
newWindow.print();
newWindow.close();
}
}
};
return {
printArea,
invoiceNumber,
date,
customer,
items,
total,
print,
};
},
});
</script>
<style scoped>
/* 添加一些樣式使打印內容更好看 */
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid #000;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
</style>
在 src/App.vue 中使用我們創建的打印組件：
<template>
<div id="app">
<PrintInvoice />
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import PrintInvoice from './components/PrintInvoice.vue';
export default defineComponent({
name: 'App',
components: {
PrintInvoice,
},
});
</script>
<style>
/* 可選：添加一些樣式 */
</style>
一切配置完成后，我們可以運行應用并查看效果：
npm run serve
打開瀏覽器訪問 http://localhost:8080，你應該會看到一個票據打印界面，并且可以點擊打印按鈕進行打印。
使用 Vue3 和 vue-print 插件可以輕松實現打印票據文檔的功能。
在做任何一件事情，都需要一些時間讓它自然成熟，假如過于急噪、沒有耐心而又不甘心等待的話，就會“欲速則不達”，甚至常常會遭受破壞性的阻礙。因此，任何真正的成功者可能各具特點，但他們一定都有一個共同的品質，那就是都有不同凡響的耐心。
成功的炒手具有同樣的特點，他決不會為炒股而炒股，他耐心地等待合適的時機。
交易就是堅持，不以一時失利而灰心，始終如一的堅持你所選擇的原則。交易就是鱷魚捕食，靜靜的等待，靜靜的守侯，獲取屬于你該得的利潤。三心二意者，在別的行業有可能成功，在殘酷的金融市場，那太難，哪怕你才高九斗。
所以說炒股想要保持盈利，得謹記這兩個小要點：
1. 不知道價值，不買：
投資的祕訣就是：找出標的物的價值，然后付出遠低于該價值的成本，取得這個標的物。如果不了解標的物價值多少，就決定投資，那么成功的機會就微乎其微。
一家公司的股票價值多少?其實不難算，是專業投資者和學者搞得太復雜了。
一家公司會配給你多少利息?這也不難算。
2. 不能比較或不了解的投資商品，不買：
如果你對該產業或該公司做什么產品、提供什么服務并不了解，就不要買它的股票。在投資市場中，沒有人強迫你非得買哪一支股票，你有好幾千家的公司可以選擇。
如果在10年前買5萬元寶鋼股票，現在分紅賺了多少錢?
2010年1月4日買入5萬元寶鋼股份，當天開盤價9.7元，持倉為5100股，余額為530元。
第一年，2010年5月24日10股派2元，所得分紅為510*2*0.9=918元，當天開盤6.63元，繼續買入200股，持倉為5300股，余額為122元。
第二年，2011年6月9日10股派3元，所得分紅為530*3=1590元，當天開盤價6.19元，繼續買入200股，持倉5500股，余額474元。
第三年，2012年6月11日10股派2元，所得分紅550*2=1100元，當天開票價4.59元，繼續買入300股，持倉為5800元，余額197元。
第四年，2013月6月18日10股派1.3832元，所得分紅為580*1.3832=802.256元，當天開盤價4.41元，繼續買入200股，持倉為6000股，余額為117.256元。
第五年，2014年6月30日10股派1元，所得分紅600*1=600元，當天開盤4.09元，繼續買入100股，持倉為6100股，余額308.256。
第六年，2015年5月14日10股1.4元，所得分紅600*1.4+10*1.4*0.9=852.6元，當天開盤價為8.64元，繼續買入100股，持倉為6200股，余額為296.856元。
第七年，2016年6月8日10股派0.6元，所得分紅620*0.6=372元，當天開盤價為5.19元，繼續買入100股，持倉為6300股，余額為149.856元。
第八年，2017年6月14日10股派2.1元，所得分紅630*2.1=1323元，當天開盤價為6.36元，繼續買入200股，持倉為6500股，余額為200.856元。
第九年，2018年6月8日10股派4.5元，所得分紅630*4.5+20*4.5*0.9=2916元，當天開盤價為8.72元，繼續買入300股，持倉為6800股，余額為500.856元。
第十年，2019年5月31日10股派5元，所得分紅為650*5+30*5*0.9=3385元，當天開盤價為6.42元，繼續買入600股，持倉為7400股，余額為33.856元。
綜合上述數據可以投資5萬元寶鋼股份600019股份所得10年總分紅為918+1590+1100+802.256+600+852.6+372+1323+2916+3385=13858.856元。
所以過去10年買入5萬余寶鋼股份所得分紅總收益率為13858.856元/5萬元=27.72%。
如何在眾多藍籌公司選出具備長線投資股?是該選擇一線藍籌還是二線?
測量股票的價值-市盈率，簡單來講就是就是股票的市值與股票的每股稅后收益(或稱每股稅后的利潤)的比率。舉個例子：
1、市盈率：也叫做靜態市盈率，是一只股票現在的價格，除以按照上一個季度(年度)折算的年收益。單位是(倍)。
2、動態市盈率：是用靜態市盈率，除以下一個年度的利潤增長率。
3、市盈率越小越好。動態市盈率小于靜態市盈率說明這個股票的成長性好。
4、舉例
比如招商銀行，股價30，如果2019年到第三季度的收益0.90元/股(折合2019年年利潤1.20元/股)，靜態市盈率就是30÷1.20=25倍。
如果預計招商銀行2020年收益1.50元/股，會是2007年的125%，動態市盈率=25倍÷1.25=20倍。小于靜態市盈率，說明招商銀行的成長性也比較好
很顯然，股票的市盈率與股價成正比，與每股凈收益成反比。股票的價格越高，則市盈率越高;而每股凈收益越高，市盈率則越低。
巴菲特一生之中，長期持有的一只股票，就是我們經常喝的飲料---可口可樂，這家公司的股票也給他帶來豐厚的回報，巴菲特本人也很愛喝可口可樂。
如果你也想買入一只股票然后就置之不理，不用每天看盤，不擔心什么風吹草動，坐等按時分紅和收益，那么你就買支藍籌股吧!
它不會讓你一夜暴富，甚至不會給給你帶來投機的刺激，但他會讓你的財務更加穩健，讓你心平氣和的分享經濟增長帶來的收益，幫助你跑贏通貨膨脹率。
如何在3500只股票中選出一只優質股票?
一：基本面強壯
什么叫做基本面強壯呢?可以從以下幾點來定義：
1.股價趨勢：選股要看趨勢，注意要順勢而為。股價是否為上升趨勢，漲得多跌得少，波浪一浪比一浪高，股價 趨勢就越好。
2.盈利能力：看他的盈利能力、利潤率是否比別人強。
3.業績預估：對未來的業績的預估是否會有長足的增長以及良好的盈利性。
4.業績成長性：來源于股票基本面，看過去幾年的收益和利潤是否持續性地增長。
5.估值合理性：這家上市公司的估值較其業績而言是否合理，以及與別家相比是否合理。
6.償債安全性：在負債上是否足夠安全，杠桿是否能夠平穩償付。
以上六條除了股價趨勢之外，另外的五條都是在價值投資的考量范圍，從中長期來看，A股最終還是要回歸價值投資。我們挑選股票時可以將股票從以上六個方面來打一個分數，和起來分數高的則可以認為是基本面強壯。
二、技術面呈上升趨勢的股票;
挑選上升趨勢，k線和均線的形態都非常好的股票;
如果其包含的波峰和波谷都相應的高于前一個波峰和波谷，那么就稱為上升趨勢;
在均線上升過程中，我們可以選擇基本面強壯的個股在股價回調在均線附近，且呈現出反彈的形態后考慮進入股票。著名的繼續上升形態有旗形調整和三角形調整。
三、屬于熱點概念或者強勢行業板塊的股票
這個就更好理解了，而且這也是日常的散戶朋友最擅長的了，因為市場哪個板塊最熱、哪種概念最火每天在盤中都能立即看得到，這個之所以放在最后說是因為這一點是很容易就學會的。但是想說的是這一點只可作為參考因素，選好了技術面和基本面，再來參考消息面。
短線炒股必備口訣，散戶福利
炒股口訣一：套牢補倉求保本，奢求盈利乃為貪。
這口訣說是的教投資者不要過于貪心，當你的股票被套的時候，很多我操作的方法就是低位補倉，但是你要認識到當你補倉的之前你已經錯過一次了，這次補倉的目標是為了回本，當反彈不虧的時候，應該及時賣出，而很多人則是看見股價漲了起來，就不優舍得賣，結果是又跌回去了，再次重倉被套，這回連自救的資金也沒了，只有束手待斃。
炒股口訣二：綠蔭叢中一線紅，抓緊買入莫放松。
這口訣說，當一只股票連續多日向下回調，如3根、5、7、9……根陰線，呈現出一片綠時，有一天你發現K線當日可能收陽星，或者是小陽線時，不必分析原因，是主力震倉、吸貨、還是什么放量出貨，盡管殺入，次日一般都會出現長陽線反彈。權證的這種現象則多出現在沽權中，反應則要求更加迅速。
炒股口訣三：平靜水面一波高，當心后面大波濤。
從連續的分時線上，看底部啟動初期的技術特征。即當一只股票在底部橫盤了很長時間，其多日連續的分時線會呈現出十分平緩的形態，如下傾的緩坡或平靜的水面，而當有一天水面突然涌起一波比較高的波浪，而后又不能再回到原水平面時，則后面往往會來一股更加驚人的大波濤。前面的這個小波浪也如同一次小的軍事演習，而后面的這個大波濤才是一場真正的大戰役。
炒股口訣四：首日長陽慎持倉，次日震蕩做差忙。
這口訣的前半句是說首日長陽線收盤時是否持倉應該謹慎對待，后半句說次日的走勢將會是大幅震蕩，操作上應該以做差為上策，次日早盤繼續沖高則賣出，早盤大幅回調，則堅定買入做差。
炒股口訣五：大漲之后必回調，K線多日畫三角。
這口訣說，股票在大漲之后必然要回調，但怎么調呢?就是首次下調的幅度特別大，一般會調到5天線，或者漲幅的一半多一點的位置，然后再次上沖，但高點會低于前高點，而第二次下調的低點，因均線的上行，也不會低于第一個回調的低點，這樣幾天的K線會構成一個明顯的三角形收斂形態，三角形的尖端有時落在正中間，也有時是向上的如上升旗形，也有時是向下的，呈上降楔形。操作上宜在三角形的下邊買、上邊賣。直到最后無差可做，等待再一次變盤。
漲停形態——底部雙雄
底部雙雄，也可以理解為漲停回馬槍或者龍回頭，意義相同，在底部出現漲停板肯定是主力所為，回踩之后再次漲停就充分說明主力控盤程度在拉升。這種形態是強勢股在底部吃貨和洗盤時經常簡單的經典形態。而這些股票通常都有大資金運作，所以研究個股漲停之后的交易機會通常比“潛伏”更有效率，更加能快速賺取超額利益。
為什么出現“底部雙雄”形態的股票一定會漲呢?
在底部出現漲停肯定是主力所為，回踩后再次漲停充分反映了主力的控盤程度和拉升意愿，這種形態是強勢股在底部吃貨和洗盤時常見的經典形態。如果發現這種形態要重點關注，是否馬上買進要視大盤當時的情況以及目標股所處行業板塊、題材等，但可靠性已經相當高，只是漲幅和漲速的問題。
“底部雙雄”要求：
(1)底部漲停板起動，然后縮量回調后再漲停
(2)回調是縮量的，回調不超過5天
(3)回調不能低過笫一漲停起動的價位
(4)漲停一定要放量股票”
“底部雙雄”指標量化：
主升浪主圖指標公式(散戶專用版)
(如果你入市多年，還不會選股和買賣，不妨試試“主升浪選股器”，選出的結果都是有主力而且有黑馬潛質的股票，接下來我們要做的就是尋找入場位置，如何高拋低吸，如何尋找頂點及時離場;公式代碼復制過來難免造成部分格式錯誤，如果不能成功導入，可以關注公眾號：越聲投研，免費拿源碼!)
趨勢線:MA(C,20),LINETHICK2,COLORGREEN;
短線操作線:MA(C,3),COLORWHITE;
IF(趨勢線>REF(趨勢線,1),趨勢線,DRAWNULL),COLORRED,LINETHICK2;
IF(趨勢線<=REF(趨勢線,1),趨勢線,DRAWNULL),LINETHICK2,COLORGREEN;
STICKLINE(C/REF(C,1)>=1.095 AND C=H,O,C,2.8,0),COLORMAGENTA;
強勢線:MA(LOW,20)*1.1,,COLORMAGENTA,CROSSDOT;
弱勢線:MA(HIGH,20)*0.9,COLORBLUE,CROSSDOT;
DRAWTEXT(主升浪副圖.能量飽和度>=95,L,'●'),COLORYELLOW,LINETHICK2;
DRAWTEXT(主升浪副圖.做空能量<=3,L*0.98,'●'),COLORRED,LINETHICK2;
DRAWTEXT(主升浪副圖.主力拉升>50,L*0.96,'●'),COLORGREEN,LINETHICK2;
多頭:=趨勢線>REF(趨勢線,1);
走好:=多頭=1 AND REF(多頭,1)<>1;
A:=主升浪副圖.能量飽和度>=95 AND COUNT(主升浪副圖.能量飽和度>=95,BARSLAST(走好)+1)=1;
B:=主升浪副圖.做空能量<=3 AND COUNT(主升浪副圖.做空能量<=3,BARSLAST(走好)+1)=1;
多頭主升:=A OR B;
DRAWTEXT(多頭主升,L*0.95,'主升浪'),COLORYELLOW;
AA:=主升浪副圖.能量飽和度>=95 OR 主升浪副圖.做空能量<=3;
主升浪突破:=AA AND CROSS(C,強勢線);
DRAWTEXT(主升浪突破,L*0.95,'主升浪[突破]'),COLORYELLOW;
主升浪強勢:=AA AND COUNT(AA,BARSLAST(CROSS(主升浪副圖.做多能量,100))+1)=1;
DRAWTEXT(主升浪強勢,L*0.9,'主升浪[強勢]'),COLORYELLOW;
炒股真的沒有你想象的難，只需是簡單的事情重復的做
我做過短線，中線，長線，其實許多都是被動的，比如感覺短線收益高。抓住一個連續2。3天漲停板的股票。一年收益就超過巴菲特一年的30%。誘惑是相當的大，但如果判斷失誤,被套了，就自我安慰做長線，安慰自己長期持有，做'價值投資'結果就是長期被套，長期損失。
其實做短線也可以，只是一定要設置止損，比如跌破5%個點，不管任何理由，都必須賣，做到大賺小賠。但有幾個人能被套5%的時候會賣呢?許多人都舍不得，都會想著明天還會漲回去.結果.....
如果是做中線，那完全可以不在乎近期的漲跌波動。買點到了，買進，賣點到了,賣出,然后空倉，等待下一次機會。長線我是不做的。中國的企業大部分不適合長期持有，長期持有，結果就是長期痛苦，中國目前還出不了像吉利,可口可樂等世界級的企業。
我現在的思路很簡單，做中線波段,比如20%的收益吃到了，然后就空倉，躲避回調或者下跌的風險，等待下一次機會，再吃20%的利潤，有時候，可能一年就2，3次這樣的機會。可是，要知道，巴菲特近50年的投資生涯，平均下來，也只是一年一次機會，每次29%的收益而已.我給自己定的每年2，3次目標，其實已經很高了。
打個比方，10萬元，如果我每年能做到3次20%的收益。只要10年，我就是億萬富豪了。這個顯然不太現實，要做到這點,買點要正確，空倉要正確。知道什么時候買進，什么時候賣出。而且千萬不能碰到地雷股票，所謂的地雷股票就是買了后，連續N個跌停，那樣前面的利潤就白完了，所以股票賺錢其實很難很難。
每次20%的收益，躲過每次下跌風險，然后第二個20%的收益，這就是成功，成功就是簡單的事情重復的做。
只做一只股票，無論在任何價位，絕不能滿倉操作。最好的操作方法是自己資金的25%首批買進，如果漲30%以上拋出，如果跌50%再加倉剩余資金的50%，如果還跌按比例依次加倉。以時間換空間，直至盈利。
(以上內容僅供參考，不構成操作建議。如自行操作，注意倉位控制和風險自負。)
聲明：本內容由公眾號越聲投研(yslcwh)提供，不代表投資快報認可其投資觀點。