php項目中使用element.ui和vue

1.plugins中添加axios,element-ui

 

2.全局文件下引入

<script src="/static/plugins/vue@2.5.13/vue.js"></script>

<!-- 引入樣式 -->
<link rel="stylesheet" href="/static/plugins/element-ui@2.2.1/lib/theme-chalk/index.css">
<!-- 引入組件庫 -->
<script src="/static/plugins/element-ui@2.2.1/lib/index.js"></script>

3.頁面內使用

　　1） 容器須要增長id屬性

　　2） 添加script標籤，創造vue組件

<script type="text/javascript">

var app = new Vue({

el: '#bm-sign',

data: {

　　form:{}

 

},

watch: {},　　　　

...　　

})

</script>
3)如需使用axios，直接引入便可：

　　　<script src="/static/plugins/axios@0.18.0/dist/axios.min.js"></script>

4.其餘script標籤使用vue組件data中的數據

　　app.form便可，如

 for (var obj in app.form) {}