Vue
Bwz_Learning
Change the world by program.
展开
-
Vue.js之HelloWorld
1、关于Vue.js的一个简单例子2、DOM里面的代码{{msg}}3、JavaScript的代码 window.onload = function() { var vm = new Vue({ el: '#app', data: { msg: 'Hello World' } }); } 4、运原创 2017-02-24 21:26:13 · 1007 阅读 · 0 评论 -
Vue.js之视图和数据的双向绑定(v-model)
1、使用v-model指令,使得视图和数据实现双向绑定。v-model主要用在表单的input输入框,完成视图和数据的双向绑定。2、JavaScript代码 window.onload = function() { vm = new Vue({ el: '#app', data: { msg: 'Hello World',原创 2017-03-05 13:53:54 · 7157 阅读 · 0 评论 -
Vue.js之遍历输出JavaScript的常见数据类型(v-for)
1、JavaScript数据类型在Vue.js中的遍历输出。以便于在html页面上方便的显示数据的类型。2、简单的遍历输出代码 2.1 JavaScript的代码 window.onload = function() { vm = new Vue({ el: '#app', data: { iMsg: 10, sMsg原创 2017-03-05 14:35:02 · 22896 阅读 · 2 评论 -
Vue.js之事件的绑定(v-on: 或者 @ )
1、Vue.js事件绑定的一般格式 v-on:click='function' v-on:click/mouseout/mouseover/2、Vue.js事件绑定的实现 2.1 JavaScript代码 window.onload = function() { vm = new Vue({ el: '#app',原创 2017-03-05 14:49:36 · 31147 阅读 · 0 评论 -
Vue.js之在数组中插入重复数据
1、在默认的情况下,Vue.js默认不支持往数组中加入重复的数据。可以使用track-by="$index"来实现。2、不使用track-by="$index"的数值插入,数组不支持重复数据的插入 2.1 JavaScript代码 window.onload = function() { vm = new Vue({ el: '#app',原创 2017-03-05 15:09:06 · 10167 阅读 · 0 评论