要熟悉乙個框架,需要弄清楚怎麼做到元件間的相互通訊,而todolist是乙個用來練習元件間相互通訊的很好的小demo
首先使用vue-cli搭建乙個專案,具體參考我的另一篇部落格vue-cli搭建vue專案
記錄todo內容,可增加和刪除todo內容,並標記是否已完成
在搭建todolist時,使用了下面的一些內容
1.$emit
在子元件中通過this.$emit來呼叫父元件中的方法,以對父元件中的變數進行修改,在這個小demo中,通過this.$emit呼叫了父元件中的addtodo和delete方法,實現了增加和刪除的操作
2.uuid
匯入了uuid這個包,使用裡面的v4方法來實現隨機生成id
main.js
import vue from 'vue'
vue.config.productiontip = false
new vue({
addtodo.vue
add
vue學習之1 簡單搭建
原始碼demo1 express 搭建伺服器 url loader file loader 檔案預處理 css loader css預處理 less less loader 使用和轉換less postcss loader autoprefixer css新增瀏覽器字首 mini css extra...
搭建vue環境 Mac 學習筆記
npm v 安裝 映象 可選 sudo npm install g cnpm registry 2.1 安裝vue cli腳手架構建工具 vue v v是大寫哦 a.建立基於 webpack 模板的專案 在專案資料夾,右鍵,服務 開啟終端。vue init webpack vuedemo vuede...
vue環境搭建(簡單易懂)
廢話不多說,一眼看明白,專為小白出品 用vue搭建專案本來就是很簡單的一件事,但是,網上的很多內容,都講的很麻煩,繁瑣,所以就結合自己經驗寫乙個簡單易懂的安裝步驟,如有錯誤,請指出,一起交流學習!node v 輸入命令列看有沒有安裝成功node,cmd檢視 如果有版本號就安裝成功 檢視版本 這些自己...