php项目中使用element.ui和vue

时间:2022-02-13 15:59:54

1.plugins中添加axios,element-ui

php项目中使用element.ui和vue

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属性

php项目中使用element.ui和vue

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

相关文章