vue專案使用簡略總結

1、利用

iview cli

2、搭建完畢之後將

proxy.js

node_modules\webpack-dev-server\lib

3、實際開發中發現無論是開發環境還是打包之後的部署檔案在ie、safari、iphone下無法訪問，原因是開發過程中使用了es6語法，某些js檔案沒有編譯成es5導致的，解決方法是：

安裝兩個元件

es6-promise

import "babel-polyfill";

import es6promise from 'es6-promise';//ie訪問需要
es6promise.polyfill();

傳值的方法：

（1）子元件改變父元件的狀態

//父元件.html

methods:
}//子元件.html
this.$emit('zch68',)

非父子元件的通訊，新建乙個空的 vue 例項作為**事件匯流排

//新建bus.js

import vue from 'vue'
export var bus = new vue()
import from 'bus.js'
// ...
created () )
}元件內呼叫
import from 'bus.js'
// ...
bus.$emit('tip', '123')

//父元件.html

data()
}//子元件.html
export default
}

（4）路由傳參

千萬要記住一點：

通過this.$router.push()來訪問路由示例

通過this.$route.params或者this.$route.query來獲取引數

一定要注意區分router和route 少乙個單詞！！！！！！！!馬丹

（5）webpack環境下路由命名檢視書寫格式

,

component: (resolve) => require(['./views/manageschool.vue'], resolve),
children:[
,components:},,
components:}]
},

更多專業前端知識，請上

【猿2048】www.mk2048.com

Vue專案總結

vue生命週期beforecreate 初始化例項 不能獲取dom節點 created 例項化建立 beforemount 過渡階段獲取不到具體的dom節點 vue掛載的根節點已經建立 mounted 資料和dom都渲染出來了 beforeupdate 檢測資料更新時，在dom更新之前執行 upda...

vue專案總結

1.建立專案 vue create 專案名稱 1.1建立手動選擇 1.2選擇專案 最簡單 1.3選擇 第乙個 2.新專案劃分目錄結構 components views 檢視 router 路由 store 狀態管理 network 網路相關 common 公共js 2.1 引用兩個css檔案，放入當...

Vue專案總結上

src 源檔案目錄 babelrc 解析配置檔案 gitgnore 忽略不用上傳的檔案 package.json 包的配置檔案 webpack.config.js 打包配置檔案 1.公共固定的元件 比如頭部 底部 就放在common統一管理,再在common檔案中建乙個index.js統一來暴露外掛...