一.開發環境搭建
1.nvm ----node的版本控制工具
2.快速匯入cdn推薦位址
3.快速開啟除錯視窗 f12
4.在官網安裝node.js----->安裝cnpm**映象:npm install -g cnpm --registry=
----->安裝vue: cnpm install vue -g ----->cnpm install vue-cli -g ------>vue init webpack mytest ---->cd mytest
----->cnpm install------>cnpm run dev
快速編輯ctrl+e: 自動補齊
}指令: @click ------v-on:click
:href --------v-bind:href :class :style
computed (可以監聽多個變數,是vue例項中的變數; 資料聯動)
watch (監聽指定變數或陣列,非同步場景)
v-if v-show
v-for
三.核心技術
npm install -g @vue/cli 這樣會安裝最新版本的vue-cli工具
新版本建立vue工程: vue create projectname
vuex元件狀態管理
import store from '@/store' @代表src目錄
store.commit("store的方法");
vue-router
vue官網的風格指南
除錯: console.log() alert() debugger
四.整合
1.git簡介
建立專案:git clone git init git status
建立分支,推送分支,合併分支:
git branch -a git add . git commit -m "提交說明或描述"
git remote -v git push origin master git branch -a
git checkout -b dev(切換到乙個新分支) git status git add "檔名" git commit -m "***x" git push origin dev
git checkout master(切換到要合併的分支上) git merge dev git push origin master(推送分支)
刪除分支, 合併版本
git branch -d dev (刪除本地分支) git push origin :dev(刪除遠端dev分支)
git reset --hard head^ (退回到上一版本) git log/git reflog(檢視版本資訊) git reset --hard head@
五.父子元件之間的傳值
父元件向子元件傳值: 父: :bind="***" 子: props:[ ***:] 接收
子元件向父元件傳值: 子: this.$emit("function", param) 父: @function="function" function(param){} 接收
六.router
----------路由展示的位置
------------tag定義展現樣式,預設是鏈結 to跳轉位址
Vue基礎知識
vue.js的基本使用 1.引入vue.js 1 cdn 3 模組化安裝 npm i vue d s cnpm i vue yarn add vue 2.初始化vue 1 必須有乙個html容器，決定vue.js的作用範圍 2 初始化 new vue options data 資料 3 資料繫結 宣...
VUE基礎知識
1 全域性定義 每個元件的命名不可重複 2 字串模板 缺乏語法高亮，可讀性較差 1 屬性 屬性書寫方式 props type name list 屬性時單向資料流，不可在子元件更改父元件傳遞的值，可通過onchange方法修改。2 事件 3 插槽 插槽是元件的一塊html模板，其顯示與否由父元件決定...
Vue基礎知識
資料雙向繫結 指令帶有v 的，表示vue特有的屬性，他們會在渲染的dom上，應用特殊的響應式行為 或者 click me v model 會忽略所有表單元素的 value checked selected attribute 的初始值 而總是將 vue 例項的資料作為資料 你應該通過 j ascri...