原创 禁用webpack嚴格模式
1.安裝babel-plugin-transform-remove-strict-mode cnpm i babel-plugin-transform-remove-strict-mode -D 2.找到.babelrc文件，如下配置
2020-06-16 10:36:27
原创 使用git託管代碼
使用git託管代碼 1.在根目錄下新增.gitignore文件並配置 node_modules .idea .vscode .git 2.在根目錄下新增README.md文件 3.複製MUI的LICENSE文件到根目錄下 4.使用git
2020-06-16 10:36:27
原创 Vue縮略圖預覽插件
Vue縮略圖預覽插件 1.安裝vue-preview cnpm i vue-preview -S 2.導入plugin import VuePreview from 'vue-preview' Vue.use(VuePreview)
2020-06-16 10:36:27
原创 配置Babel處理ES高級語法
配置Babel處理ES高級語法 webpack只能處理部分ES6新語法，更高級的語法需要安裝第三方loader 通過 Babel ，可幫我們將高級的語法轉爲低級的語法 需要運行如下兩套命令，安裝兩套包，去安裝 Babel相關loader功
2020-06-16 10:36:27
原创 webpack-dev-server的使用
使用webpack-dev-server這個工具，來實現自動打包編譯功能 1.運行npm i webpack-dev-server -D 把這個工具安裝到項目的本地開發環境 2.安裝後，用法和webpack用法完全一樣 3.由於我們是在項
2020-06-16 10:36:27
原创 webpack打包項目流程
1.npm初始化管理 npm init -y 2.創建文件夾src和dist 3.在src下創建index.html和main.js 4.打包main.js文件 webpack ./src/main.js -o ./dist/bundl
2020-06-16 10:36:27
原创 使用Mint-Ui
1.安裝mint-ui cnpm i mint-ui -S 2.全局導入組件 //導入mint-ui import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' Vue.use
2020-06-16 10:36:26
原创 路由重定向、路由設置高亮
路由redirect的使用： 當根路徑頁面爲空時，需要默認顯示某一個組件，例如登錄註冊界面默認顯示login，需要重定向根路徑爲/login var routerobj = new VueRouter({ routes:[
2020-02-21 17:16:46
原创 父子組件之間傳值傳方法
父組件向子組件傳值 1.在使用子組件時用v-bind綁定父組件的數據 <com1 :parentmsg="message"></com1> 2.在子組件中的props數組中定義一下剛綁定的屬性名parentmsg才能使用 temp
2020-02-21 17:16:46
原创 路由嵌套
1.創建父路由 <router-link to='/account'>Account</router-link> <router-view></router-view> 2.在父路由模板里加入子路由 <template id
2020-02-21 17:16:46
原创 Vue路由的基本使用
1.導入vue-router.js包 2.使用路由構造函數VueRouter創建路由規則對象 var routerobj = new VueRouter({ //route //表示【路由匹配規則】
2020-02-21 17:16:46
原创 路由實現經典佈局
1.設定好三個模板 var headerBox = { template:'<h1 class="header">頭部區域</h1>' } var leftBox = { template:'<h1 class="
2020-02-21 17:16:46
原创 watch屬性監聽數據變化
watch監聽data中數據變化 watch屬性監聽data中指定數據的變化，來觸發對應處理函數 注意:newVal是數據變動後的值，oldVal是數據變動前的值 var vm=new Vue({ el:'#app',
2020-02-21 17:16:46
原创 路由傳參
方式一：使用query方式傳參 1.在url後面用?的方式傳入參數 <router-link to='/login?id=10&name=alan'>登錄</router-link> 2.調用時直接在組件模板中{{$route.que
2020-02-21 17:16:46