vue學習筆記 搭建簡單的todolist

2021-09-24 23:31:39 字數 652 閱讀 9290

要熟悉乙個框架,需要弄清楚怎麼做到元件間的相互通訊,而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檢視 如果有版本號就安裝成功 檢視版本 這些自己...