Vue框架
知来者犹可追
这个作者很懒,什么都没留下…
展开
-
Vue学习(样式绑定)
样式绑定通过Vue.js绑定样式可以根据自己的需求来控制样式是否显示,显示什么样式,前提使控制样式表存在的样式。使用v-bind:class=""来绑定要显示的class属性,class中的值也可以是一个数组。例:书写样式表<style> .pRed{ color: red; } .pSize{ font-size: 40px; }</style>...原创 2018-12-09 20:50:45 · 187 阅读 · 0 评论 -
VUE学习(一)
MVVM模式MVVM是Model-View-ViewModel的缩写,是一种基于前端的架构模式,其核心是提供对view和viewModel的双向数据的绑定,这使得ViewModel的状态改变可以自动传递给View。VUE的使用直接使用&lt;script type="text/javascript" src="../../js/vue.js"&gt;&lt;/script&原创 2018-12-06 20:16:09 · 232 阅读 · 0 评论 -
Vue学习(条件渲染)
条件渲染显示文本的Vue对象var vm = new Vue({ el:"#app", data:{ boo:true, score:100, isShow:true, isOK:true } });v-if单独使用v-if 是true正的条件渲染,如果条件为false,则不会渲染条件块。<div id="app"> <div v-if...原创 2018-12-09 22:08:10 · 145 阅读 · 0 评论 -
Vue学习(列表渲染)
v-for指令遍历数组需要遍历的数组 var vm = new Vue({ el:"#app", data:{ shopName:"水果", items:[ {title:"苹果"}, {title:"橘子"}, {title:"芒果"} ] } });将需要显示的内容放在列表中显示<div id="app"原创 2018-12-09 22:29:06 · 307 阅读 · 0 评论 -
Vue学习(事件处理)
监听事件使用v-on指令可以监听DOM事件,并在触发时运行一旦JS代码。例:对按钮进行监听,当点击按钮时触发次数加一的方法。点击数:{{count}}<br /><!--vue的指令v-on:click 调用事件--><button v-on:click="click">点击</button>被调用的方法var vm = new Vu...原创 2018-12-10 20:33:39 · 104 阅读 · 0 评论 -
Vue学习(表单输入)
基础用法v-model指令在表单<input>、<textarea>、<select> 元素上创建双向数据绑定。它会根据控件类型自当选取正确大的方法更新元素。v-model会忽略所有表单元素的value、checked、selected特性的初始值而总是将Vue实例的数据作为数据来源。文本姓名:<input type="text" v-model=...原创 2018-12-10 21:43:57 · 230 阅读 · 0 评论