將元件拼裝使用

2022-08-09 11:30:11 字數 1058 閱讀 8938

兩個外掛程式:vue-loader   vue-template-compiler

vue-loader 功能將 vue 檔案中的三個模組,解析和轉換 vue 主件,提供了其中的  script,樣式 style,以及 template,在分別交給別的模組處理

script:babel-loader

css 樣式:less-loader  css-loader  style-loader

template 的解析:vue-template-compiler

必須要引入的外掛程式  vue

在配置 webpack.config.js 檔案中,必須要引入外掛程式  let vueloaderplugin=require('vue-loader/lib/plugin');   在 plugins 中 new vueloaderplugin()  呼叫即可

在 new 例項的時候

注意:元件時候用自己的資料在自己模板中使用,元件掛在誰下面,就在誰的模板以標籤的形式呼叫,

留心駝峰法命名  在標籤使用中用 - 表示

-s 生產依賴  -d 開發依賴 

案例:目錄結構

vue元件(將頁面公用的頭部元件化)

呃 重新撿起前面用vue cli快速生成的專案。之前是做過乙個多頁面的改造,以及引入vux的ui元件,這次在這個專案的基礎上,再來聊聊vue中的component。別問我為啥總是寫關於vue的部落格,都是為了生計 這是官方的文件位址 什麼是元件?關於元件寫了一大堆,一看就知道這個很有用啦。關於一些元...

node events元件使用

events元件可以自定義事件 基本語法demo 這是乙個events模組例子 var events require events 例項化 var eventemitter new events.eventemitter 自定義事件 第乙個引數事件名,第乙個是事件的方法 eventemitter.a...

動態元件使用

動態元件官網解釋 通過使用保留的 元素,動態地繫結到它的 is 特性,我們讓多個元件可以使用同乙個掛載點,並動態切換 var vm new vue components posts archive 也可以直接繫結到元件物件上 var home var vm new vue 實際專案開發中 引入元件 ...