20 vue之webpack中使用vue

2022-05-26 10:12:14 字數 873 閱讀 9407

// 如何在 webpack 構建的專案中,使用 vue 進行開發

// 在webpack 中嘗試使用 vue:

// 注意: 在 webpack 中, 使用 import vue from 'vue' 匯入的 vue 建構函式,功能不完整,只提供了 runtime-only 的方式,並沒有提供 像網頁中那樣的使用方式;

import vue from 'vue'

// import vue from '../node_modules/vue/dist/vue.js'

// 回顧 包的查詢規則:

// 1. 找 專案根目錄中有沒有 node_modules 的資料夾

// 2. 在 node_modules 中 根據包名,找對應的 vue 資料夾

// 3. 在 vue 資料夾中,找 乙個叫做 package.json 的包配置檔案

// 4. 在 package.json 檔案中,查詢 乙個 main 屬性【main屬性指定了這個包在被載入時候,的入口檔案】

// var login =

// 1. 匯入 login 元件

import login from './login.vue'

// 預設,webpack 無法打包 .vue 檔案,需要安裝 相關的loader:

// cnpm i vue-loader vue-template-compiler -d

// 在配置檔案中,新增loader哦配置項

render: c => c(login)

})import m222, from './test.js'

console.log(m222)

console.log(title123 + ' --- ' + content)

20 Vue父子元件傳值

父元件可以在引用子元件的時候,通過屬性繫結的形式,把資料傳遞給子元件 父元件可以在引用子元件的時候,通過事件繫結的形式,把方法傳遞給子元件 下面是乙個例子 父子元件title src script head v bind parentmsg msg v on func show comp div t...

Vue學習之webpack中使用vue 十七)

一 包的查詢規則 1 在專案根目錄中找有沒有 node modules 的資料夾 2 在 node modules 中根據包名,找對應的vue 資料夾 3 在vue 資料夾中,找 乙個叫做 package.json的包配置檔案 4 在package.json檔案中,查詢乙個main 屬性 main屬...

webpack中使用Vue小結

npm i vue s完成這個命令後,最新vue包就會自動新增到本專案的node modules中 2.由於在webpack中推薦使用vue這個元件模版定義元件,所以需要安裝能解析這種檔案的loader,npm i vue loader vue template complier dwebpack老...