Vue 總結(2)腳手架搭建 以及語法

2022-01-29 19:54:58 字數 794 閱讀 3553

win系統 在後面需要 進入config>index.js>修改autoopenbrowser: true,  和 埠號 怕被占用

1.node-v     vue-v  檢視版本 

2.cd  vue2018  查詢到 開始安裝vue的路徑

3. npm run dev

語法整理

1.if 語句   判斷

}nobody

2.for 語句  做迴圈查詢

3.v-on 簡寫 @  事件操作

打招呼@keyup     @keyup.alt.enter   鍵盤事件  可以參考api

4.v-bind 簡寫 : 屬性操作

當 user.contacted 為true的時候  class才生效

5.v-model 雙向資料繫結

先繫結「cname」屬性  如果有內容的話  就value值顯示內容,如果後面輸入內容 相當於 動態改變cname的值和value相同

}cname:"請輸入姓名"

6.ref=xx,  $refs.xx.value

}ceshi:function () ,

7.computed  dom 有變化時才觸發,引用不要()

Vue 五 腳手架

稍微像樣一點的 vue.js 的開發過程,幾乎總是需要使用腳手架的。使用它可以解鎖新的可能 乙個.vue檔案包含三個部分 標籤包圍內的是模板 內包圍的是 js 並且可以使用 es6 的語法。內的則是 css 然而,瀏覽器是無法識別這個看起來簡單但是卻不真實的元件的。因此 vue.js 需要做打包,乙...

Vue3 0腳手架搭建

vue3.0官網 介紹 notice 這份文件是對應 vue cli 3.x 版本的。老版本的 vue cli 文件請移步這裡 vue cli是乙個基於 vue.js 進行快速開發的完整系統,提供 1.通過 vue cli 搭建互動式的專案腳手架。2.通過 vue cli vue cli servi...

VUE 1 腳手架搭建vue專案

安裝成功之後驗證 node v和npm v 有兩個版本的vue cli可供選擇 2.9.6版本和3.x版本 檢視版本 vue version 建立專案 vue init webpack projectname 這裡我習慣將install vue router 和use eslint to lint ...