VUE学习篇一：基础方法使用

一、前端JS渲染数据

1、渲染数据一定要是json格式，列如：

我们从数据库查询出来得都是数组，需统一转json格式
$list=array('a,b,c);
json_encode($list)；

2、前端渲染---js部分

（1）加载vue.js文件

<script src="/public/js/mui.min.js"></script>
<script src="/public/js/vue.js"></script>
var app = new Vue({
    el: "#app",
    data: {
     //自定义参数
        list:{$list}
    },
    methods: {
      //自定义方法
    },
    created() {
      //打开网页需要加载得部分
    }
})

3、前端渲染--html部分

<div class="mui-card m-t-m test" v-for="(item, index) in list">

<span class="info flex-1">{{item.sui_name}}</span>

</div>

4、判断数组是否包含某个元素【js/vue都适用】

item.value.indexOf(item1.value)>0

待续。。。。。