vuejs的遇到的问题小结

 1.v-model

针对表单控件元素创建双向数据绑定，在v-model指令后面还可以添加多个参数（number，lazy, debounce）。

<div id="example">
    <form>
        姓名：
        <input type="text" v-model="data.name" placeholder="姓名"/>
        <br />
        性别：
        <input type="radio" id="one" value="One" v-model="data.sex"/>
        <label for="man">男</label>
        <input type="radio" id="two" value="Two" v-model="data.sex"/>
        <label for="male">女</label>
        <br />
        <input type="checkbox" id="jack" value="book" v-model="data.interest"/>
        <label for="jack">阅读</label>
        <input type="checkbox" id="john" value="swim" v-model="data.interest"/>
        <label for="john">游泳</label>
        <input type="checkbox" id="move" value="game" v-model="data.interest"/>
        <label for="move">游戏</label>
        <input type="checkbox" id="mike" value="song" v-model="data.interest"/>
        <label for="mike">唱歌</label>
        <br />
        身份：
        <select v-model="data.identity">
            <option value="teacher" selected>教师</option>
            <option value="doctor">医生</option>
            <option value="lawyer">律师</option>
        <select>          
    </form>
</div>
<script type="text/javascript">
    var vm = new Vue({
        el: '#example',
        data: {
            data:{
                name:'',
               sex:'',
               interest:[],
               identity:''
            }
        }
    })
</script>

2. 给button设置disabled

链接：https://www.cnblogs.com/wrestle-mania/p/6939571.html

3.v-html

v-html对应指令有v-text。

<div id="example">
  <p v-html = "html"></p>
  {{html}}
</div>
<script type="text/javascript">
    new Vue({
       el:"#example",
       data:{
         html:"<p>效果一样</p>"
       }
    });
</script>

4.vuejs中过渡效果大量使用了动画。

5.调试工具的安装：

参考博客：http://www.cnblogs.com/lolDragon/p/6268345.html

6.Vue官方推荐的网络通信库不再是vue-resource了，推荐使用axios

参考博客：http://blog.csdn.net/sinat_17775997/article/details/54915257

7.http-proxy-middleware

  前端开发中涉及到的请求代理到API服务器上，方便与服务器对接。

8.数据属性不能超过两层，否则填充不能生效，属性初始需要定义。

9.事件触发获取当前的dom

https://www.cnblogs.com/tongrenlu/p/9512539.html

10.异步渲染的时候，数组如果被设置在类对象是渲染不了的。

 

 

 

转载于:https://www.cnblogs.com/liuyinlei/p/7245428.html