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) {}

?

轉載于:https://www.cnblogs.com/fancyLee/p/9669486.html

總結

以上是生活随笔為你收集整理的php项目中使用element.ui和vue的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。