科技萌新成長營#
markdown入門門檻低,適用面廣,排版格式簡潔明了;
基礎語法—>GFM擴展語法—>寫作規范—>編譯器
1. 標題分級
# 一級標題
## 二級標題
### 三級標題
標題等級
2. 字體
**粗體**
*斜體*
***粗斜體***
字體
3. 換行與段落
段落1:
這個和下一行
是同一行
段落2:
這個和下一行
不是同一行
段落1: 這個和下一行是同一行
段落2: 這個和下一行
不是同一行
4. 列表
* * *
- - -
_ _ _
級別
5. 分割線

分割線
6. 圖片
**文字鏈接**
[](https://www.toutiao.com/)
**引用鏈接**
訪問[]
[]:
https://www.toutiao.com/
**自鏈接**
<https://www.toutiao.com/>
7. 鏈接
**行內代碼**
輸入代碼`make`
**單行代碼**
make install
**代碼塊**
```javascript
document.getElementById("demo").innerHTML="一起來學Markdown";
```
文字鏈接
引用鏈接
訪問
自鏈接
https://www.toutiao.com/
8. 代碼
> 引用內容
代碼塊
9. 引用
> 引用內容
引用內容
10. 轉義
語法
\\
\*
\#
\>
\```
\
*
#
>
```
指令 (Directives) 是帶有 v- 前綴的特殊 attribute。
指令 attribute 的值預期一般是單個 JavaScript 表達式,除v-for外
指令的作用是,當表達式的值改變時,將其產生的連帶影響,響應式地作用于 DOM。
<p v-if="seen">現在你看到我了</p>
此例中,v-if 指令將根據表達式 seen 的值的真假來插入/移除 <p> 元素
參數:
一些指令能夠接收一個“參數”,在指令名稱之后以冒號表示。
例如,v-bind 指令可以用于響應式地更新 HTML attribute:
<a v-bind:href="url">...</a>
在這里 href 是參數,告知 v-bind 指令將該元素的 href attribute 與表達式 url 的值綁定。
<a v-on:click="doSomething">...</a>
doSomething為監聽的事件名稱
動態參數:
從 2.6.0 開始,可以用方括號括起來的 JavaScript 表達式作為一個指令的參數:
<a v-bind:[attributeName]="url"> ... </a>
此處的 attributeName 會被作為一個 JavaScript 表達式進行動態求值,求得的值將會作為最終的參數來使用。
例如,如果你的 Vue 實例有一個 data 屬性 attributeName,其值為 "href",那么這個綁定將等價于 v-bind:href
同樣地,你可以使用動態參數為一個動態的事件名綁定處理函數:
<a v-on:[eventName]="doSomething"> ... </a>
當 eventName 的值為 "focus" 時,v-on:[eventName] 將等價于 v-on:focus
對動態參數的值的約束:
動態參數預期會求出一個字符串,異常情況下值為 null。
這個特殊的 null 值可以被顯性地用于移除綁定。任何其它非字符串類型的值都將會觸發一個警告
對動態參數表達式的約束:
動態參數表達式有一些語法約束,因為某些字符,如空格和引號,放在 HTML attribute 名里是無效的。
<a v-bind:['foo' + bar]="value"> ... </a>
此時會觸發編譯警告。
可以代替的方法:使用沒有空格或引號的表達式,或用計算屬性替代這種復雜表達式
在 DOM 中使用模板時,還需要避免使用大寫字符來命名鍵名,會被強制轉換為小寫。
修飾符:
修飾符 (modifier) 是以半角句號 . 指明的特殊后綴,用于指出一個指令應該以特殊方式綁定
縮寫:
v- 前綴作為一種提示,用來識別模板中 Vue 特定的 attribute。
在使用 Vue.js 為現有標簽添加動態行為 (dynamic behavior) 時,
v- 前綴很有幫助,然而,對于一些頻繁用到的指令來說,就會感到使用繁瑣。
同時,在構建由 Vue 管理所有模板的單頁面應用程序 (SPA - single page application) 時,
v- 前綴也變得沒那么重要了。
因此,Vue 為 v-bind 和 v-on 這兩個最常用的指令,提供了特定簡寫:
v-bind 用:代替
<a v-bind:href="url">...</a>
<!-- 縮寫 -->
<a :href="url">...</a>
<!-- 動態參數的縮寫 (2.6.0+) -->
<a :[key]="url"> ... </a>
v-on 用@代替
數據綁定最常見的形式就是使用“Mustache”語法 (雙大括號) 的文本插值:
無論何時,綁定的數據對象上 msg 屬性發生了改變,插值處的內容都會更新。
通過使用 v-once 指令,你也能執行一次性地插值,當數據改變時,插值處的內容不會更新。
效果:
雙大括號會將數據解釋為純文本,而非 HTML 。為了輸出真正的 HTML ,你需要使用 v-html 指令:
效果:
雙大括號不能在 HTML 屬性中使用,該使用 v-bind 指令:
效果:
這對布爾值的屬性也有效 —— 如果條件被求值為 false 的話該屬性會被移除
有個限制就是,每個綁定都只能包含單個表達式,所以下面的例子都不會生效。
Vue.js 允許你自定義過濾器,被用作一些常見的文本格式化。過濾器應該被添加在雙大括號插值的尾部,由“管道符”指示:
如下過濾器代碼實現大寫首字母:
過濾器可以串聯:
過濾器是 JavaScript 函數,因此可以接受參數:
這里,字符串 ‘arg1’ 將傳給過濾器作為第二個參數, arg2 表達式的值將被求值然后傳給過濾器作為第三個參數。
指令 (Directives) 是帶有 v- 前綴的特殊特性。指令特性的值預期是單個 JavaScript 表達式 (v-for 是例外情況,稍后我們再討論)。指令的職責是,當表達式的值改變時,將其產生的連帶影響,響應式地作用于 DOM。回顧我們在vue.js初入門二中看到的例子:
這里,v-if 指令將根據表達式 seen 的值的真假來插入/移除<p>元素。
一些指令能夠接收一個“參數”,在指令名稱之后以冒號表示。例如,v-bind 指令可以用于響應式地更新 HTML 特性:
在這里 href 是參數,告知 v-bind 指令將該元素的 href 特性與表達式 url 的值綁定。
另一個例子是 v-on 指令,它用于監聽 DOM 事件:
v-bind和v-on,詳見vue.js初入門二。
v-bind 縮寫
v-on 縮寫
修飾符(Modifiers)是以半角句號 . 指明的特殊后綴,用于指出一個指定應該以特殊方式綁定。例如,.prevent 修飾符告訴 v-on 指令對于觸發的事件調用 event.preventDefault():
*請認真填寫需求信息,我們會在24小時內與您取得聯系。