vue腳手架實現子元件間通訊

2021-09-26 08:23:09 字數 521 閱讀 5963

效果圖如下:

原理:子元件間通過第三方例項化乙個vue,再通過此vue的$ emit()發射事件,與$ on()事件監聽 通過引數來進行資料傳遞:

首先我們例項化乙個vue:

import vue from

'vue'

;export

default

newvue()

;

我們介紹兩個子元件的父元件寫法:

>

class

="home"

>

>

外面是這是ab父元件h1

>

>

a>

>

b>

div>

template

>

搭建Vue腳手架

從vue官網安利了一波安裝腳手架的主要 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴,走你 cd my project npm install npm r...

vue 腳手架報錯

為以後有問題再來學習,簡介 vue.js是前端乙個比較火的mvvm框架,是一套構建使用者介面的漸進式框架。vue 只關注檢視層,採用自底向上增量開發的設計。vue 的目標是通過盡可能簡單的 api 實現響應的資料繫結和組合的檢視元件 安裝方式 第一種 使用npm,比較適合比較大型的應用,由於npm是...

Vue腳手架搭建

sudo apt get install nodejs legacy nodejs sudo apt get install npm 安裝成功後檢視對應版本 npm install vuenpm install g cnpm registry vue安裝成功後檢視對應版本 npm install g...