vue
脆的娃娃菜好吃
这个作者很懒,什么都没留下…
展开
-
vue基础知识-指令(v-model)
v-model 获取和设置表单元素的值(双向数据绑定) 绑定的数据←→表单元素的值 <div id="app"> <input type="text" v-model="message"> <p>{{message}}</p> </div> <script> var app = new Vue({ ...原创 2020-01-07 12:19:51 · 128 阅读 · 0 评论 -
vue基础知识-指令(v-for)
v-for 根据数据生成列表结构 经常和数组结合使用 语法是(item,index) in 数据 <body> <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <div id="app"&...原创 2020-01-07 11:23:16 · 183 阅读 · 0 评论 -
vue基础知识-指令(v-show v-if v-bind)
v-show 根据表达值的真假,切换元素的显示和隐藏(操纵的是display样式) 用于频繁切换时 v-if 根据表达值的真假,切换元素的显和隐藏(操纵的是dom元素) v-bind 设置元素的属性 ...原创 2020-01-07 10:02:11 · 317 阅读 · 0 评论 -
vue基础应用-购物车加减器的实现
购物车框架 <div id="app"> <div class="add sub"> <button @click="sub">-</button> <span>{{num}}</span> <button @click="add">+</...原创 2020-01-06 17:58:26 · 325 阅读 · 0 评论 -
vue基础知识-指令(v-on)
v-on 为元素绑定事件 绑定的方法定义在methods属性中 方法内部通过this关键字可以访问定义在data中的数据 <script> var app = new Vue({ el:'#app', data:{ food:"番茄炒蛋" }, methods:{ doIt:function(){ ...原创 2020-01-06 16:52:21 · 136 阅读 · 0 评论 -
vue基础知识-指令(v-text v-html)
v-text 设置标签的文本值(textContent) v-html 设置标签的innerHTML <script> var app = new Vue({ el:'#app', data:{ school:'<a href="www.baidu.com">one school</a>', message:111 }...原创 2020-01-06 11:31:06 · 112 阅读 · 1 评论 -
vue基础知识-data数据对象
data数据对象 vue实例使用的数据对象都会定义在data中 data中可以写复杂类型的数据 渲染复杂类型数据时,遵守js语法 <script> var app = new Vue({ el:'#app', data:{ message:'klllllllll', me:{ ...原创 2020-01-06 11:06:48 · 496 阅读 · 1 评论 -
vue基础知识-el挂载点
el挂载点 el是用来设置vue实例挂载(管理)的元素 vue会管理el选项命中的元素及其内部的后代元素 可以使用其他的选择器,但是建议使用ID选择器 可以使用其他的双标签,不能使用HTML和BODY 来自黑马程序员网课 ...原创 2020-01-06 10:50:03 · 894 阅读 · 0 评论