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.异步渲染的时候,数组如果被设置在类对象是渲染不了的。