Vue中，常用檔案的模板

目錄

1.webpack.config.js模板

2.main.js 模板

3.router.js 模板

5.index.html 模板

// 由於 webpack 是基於node進行構建的，所有，webpack的配置檔案中，任何合法的node**都是支援的

var path = require('path')
// 在記憶體中，根據指定的模板頁面，生成乙份記憶體中的首頁，同時自動把打包好的bundle注入到頁面底部
// 如果要配置外掛程式，需要在匯出的物件中，掛載乙個 plugins 節點
var htmlwebpackplugin = require('html-webpack-plugin')
// 當以命令列形式執行 webpack 或 webpack-dev-server 的時候，工具會發現，我們並沒有提供 要打包 的檔案的 入口 和 出口檔案，此時，他會檢查專案根目錄中的配置檔案，並讀取這個檔案，就拿到了匯出的這個 配置物件，然後根據這個物件，進行打包構建
module.exports = ,
plugins: [ // 所有webpack 外掛程式的配置節點
new htmlwebpackplugin()
],module: , // 處理 css 檔案的 loader
, // 處理 less 檔案的 loader
, // 處理 scss 檔案的 loader
, // 處理 路徑的 loader
// limit 給定的值，是的大小，單位是 byte， 如果我們引用的 ，大於或等於給定的 limit值，則不會被轉為base64格式的字串， 如果 小於給定的 limit 值，則會被轉為 base64的字串
, // 處理 字型檔案的 loader 
, // 配置 babel 來轉換高階的es語法
// 處理 .vue 檔案的 loader]},
resolve: 
}}

import vue from 'vue'

// 1. 匯入 vue-router 包
import vuerouter from 'vue-router'
// 2. 手動安裝 vuerouter 
vue.use(vuerouter)
// 匯入 自定義路由模組
import router from './router.js'
var vm = new vue()

import vuerouter from 'vue-router'

// 匯入 account 元件
import account from './main/account.vue'
import goodslist from './main/goodslist.vue'
// 匯入account的兩個子元件
// 3. 建立路由物件
var router = new vuerouter(,]},
]})// 把路由物件暴露出去
export default router

goodslist

vue中常用的ui元件

下面簡單總結一下vue常用的一些ui元件 這裡有些我也沒用過，這裡先整理出來，供以後方便查詢。vuex vux github ui demo mint ui 專案主頁 demo iview iview 配套的工作流 官網 vue mui 官網 radon ui 中文文件 github antd vu...

Vue中 常用的命名規範

官方推薦的元件名是 每個單詞首字母大寫 pascalcase 或者全小寫用 連線 kebab case 在dom中使用的時候，改為全小寫，單詞之間用 連線。vue.component mycomponent 或者 vue.component my component import mycompone...

vue 懶人 vue專案中常用的

v show控制頁面的切換，隱藏顯示 在要加事件的地方，加 click.stop.prevent card 在要隱藏顯示元件的地方，加v show showcard 如圖 2.購物車的單選按鈕，選中商品功能，介面裡面沒有字段，是監聽不到的，通過 set設定乙個不存在的變數，放在data裡面，兩種方法...