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