.netcore與vue的學習筆記001

1.dnc的js引用

須要引用的js文件要放在解決方案下的wwwroot目錄下。不然將沒法獲取到指定js文件，出現404錯誤

 

2.vue的相關運用

0）經過new Vue並傳入object來實例化一個vue對象，el用來綁定將哪部分標籤設置爲vue對象

注意：Vue首字母大寫

1）v-bind:也能夠直接寫成:

用來綁定數據。如綁定標籤樣式，下圖所示，當show_red爲true時，對應樣式將被使用

2）v-on:用來綁定標籤事件，也能夠寫成@

這裏須要注意的是：在cshtml中@表示引用C#語法，所以須要使用兩個@

3)v-model能夠實現標籤值與數據之間的雙向綁定

如圖，input設置爲checkbox後，其值爲true或false，若改變時show_red的值也會改變，連帶着上下兩個h1標籤的bind綁定的樣式也會改變

v-model後面添加的是=，與上兩個不一樣