- 博客(10)
- 收藏
- 关注
RSS订阅原创 9. 按键修饰符
9. 按键修饰符 作用: 用来与键盘中按键事件绑定在一起,用来修饰特定的按键事件的修饰符 按键修饰符 .enter .tab .delete (捕获“删除”和“退格”键) .esc .space .up .down .left .right 9.1 enter 回车键 用来在触发回车按键之后触发的事件 <input type="text" v-model="msg" @keyup.enter="keyups"> 9.2 tab 键 用来捕获到tab键执行到当前标签是才会触发 &
2020-06-30 10:17:09
524
原创 8. 事件修饰符
8. 事件修饰符 修饰符: 作用用来和事件连用,用来决定事件触发条件或者是阻止事件的触发机制 1.常用的事件修饰符 .stop .prevent .capture .self .once .passive 8.1 stop事件修饰符 用来阻止事件冒泡 <div id="app"> <div class="aa" @click="divClick"> <!--用来阻止事件冒泡--> <input type="butto
2020-06-30 10:15:45
321
原创 7 .v-model 双向绑定
7 .v-model 双向绑定 v-model: 作用用来绑定标签元素的值与vue实例对象中data数据保持一致,从而实现双向的数据绑定机制 <div id="app"> <input type="text" v-model="message"> <span>{{message}}</span> <hr> <input type="button" value="改变Data中值" @click="chang
2020-06-30 10:14:22
101
原创 6.v-for的使用
6.v-for的使用 v-for: 作用就是用来对对象进行遍历的(数组也是对象的一种) <div id="app"> <span>{{ user.name }} {{ user.age }}</span> <br> <!-- 通过v-for遍历对象 --> <span v-for="(value,key,index) in user"> {{index}} :
2020-06-30 10:13:38
860
2
原创 5.v-show v-if v-bind
5.v-show v-if v-bind 5.1 v-show v-show:用来控制页面中某个标签元素是否展示 底层使用控制是 display 属性 <div id="app"> <!-- v-show: 用来控制标签展示还是隐藏的 --> <h2 v-show="false">百知教育欢迎你的加入!</h2> <h2 v-show="show">百知教育欢迎你的加入这是vue中定
2020-06-30 10:12:22
187
原创 4.vue中事件绑定(v-on)
4.vue中事件绑定(v-on) 4.1 绑定事件基本语法 <div id="app"> <h2>{{message}}</h2> <h2 v-text="message"></h2> <h2>年龄:{{ age }}</h2> <br> <input type="button" value="点我改变年龄" v-on:cl
2020-06-29 10:00:48
538
原创 3. v-text和v-html
3. v-text和v-html 3.1 v-text v-text:用来获取data中数据将数据以文本的形式渲染到指定标签内部 类似于javascript 中 innerText <div id="app" class="aa"> <span >{{ message }}</span> <span v-text="message"></span> </div>
2020-06-29 09:59:24
127
原创 2. Vue入门
2. Vue入门 2.1 下载Vuejs //开发版本: <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> //生产版本: <!-- 生产环境版本，优化了尺寸和速度 --> <script src="https://cdn.jsdelivr.net/npm/vue"></script>
2020-06-29 09:57:54
85
原创 Vue 引言
1. Vue 引言 渐进式 JavaScript 框架 --摘自官网 # 渐进式 1. 易用 html css javascript 2. 高效 开发前端页面 非常高效 3. 灵活 开发灵活 多样性 # 总结 Vue 是一个javascript 框架 # 后端服务端开发人员: Vue 渐进式javascript框架: 让我们通过操作很少的DOM,甚至不需要操作页面中任何DOM元素,就很容易的完成数据和视图绑定 双向绑定 MVVM 注意: 日后在
2020-06-27 19:29:53
255
转载 库，框架，架构，平台，有什么明确的区别？
库是工具箱。 比如宜家买个便宜的架子，自己装，螺丝刀拧的手痛，就买了个电动螺丝刀，生产力立马跃迁好几倍。螺丝刀，电动螺丝刀，就是不同的库，虽然用法不同，API不同，但想换就换了，改动不大。 框架是一套通用的解决方案。 比如刚才买的架子，可以放书，可以放花，可以放DVD。也可以个性化，有的地方装上门，装抽屉，但是，它还是个架子，不能在上面睡觉。 对应软件框架来说，通常针对某类典型问题，预先规定好在什么地方做什么事情，不好僭越。更换框架，也是麻烦，就像架子一样，之前装的门，抽屉都要丢掉，架子里东西也要迁移，重新
2020-06-23 19:37:37
368
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人