vue
文章平均质量分 85
就是三木啊
这个作者很懒,什么都没留下…
展开
-
VUE(1)创建实例
vue创建实例<style>[v-cloak]{ display:none;}</style><div id="app"> <p v-cloak> {{ msg }} </p> <p v-text="msg"></p> <p v-html="msg2"></p> <...原创 2019-09-10 13:39:07 · 120 阅读 · 0 评论 -
Vue(2)事件修饰符
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .inner{ height:100px; width:1000px; background-color:pink;...原创 2019-09-10 16:12:23 · 155 阅读 · 0 评论 -
VUE(3) vue中使用样式class,style
使用class样式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 导入vue包 --> <script src="lib/vue.js"></script> <s...原创 2019-09-11 15:09:16 · 3995 阅读 · 0 评论 -
vue(4) vue指令中的v-for,v-if,v-show
Vue指令之v-for和key属性<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 导入vue包 --> <script src="lib/vue.js"></script>...原创 2019-09-12 14:35:46 · 292 阅读 · 0 评论 -
Vue(5)过滤器
全局过滤器在script标签中 用全局方法Vue.filter()注册一个全局过滤器,他接受两个参数:过滤器名字 和 过滤器的定义语法。过滤器函数以值为参数,返回转换后的值:Vue.filter('name',function(value){ return value.split(' ').reverse().join('')})data中的数据:data:{ message:...原创 2019-09-16 13:32:10 · 106 阅读 · 0 评论 -
Vue(6)键盘修饰符
键盘修饰符以及自定义键盘修饰符键盘修饰符是vue提供监听按键事件<input type="text" name="" id="" class="form-control" v-model="name" @keyup.enter="add">VUE提供了一些常用的按键码的别名:.enter.tab.delete('删除'或'退格'键).esc.space.up.do...原创 2019-09-16 14:03:53 · 107 阅读 · 0 评论 -
Vue(7)自定义指令
自定义指令:自定义全局指令directive<script> Vue.directive(指令名,对象)</script>自定义私有指令diectivesvar vm = new Vue({ diectives :{ 钩子函数: function(){ 相关操作。。。 } }})参数1:指令名前面不用加v-调用的时候,调用的时候必须...原创 2019-09-17 12:49:51 · 103 阅读 · 0 评论 -
Vue(8)生命周期
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 导入vue包 --> <script src="lib/vue.js"></script> </head> &...原创 2019-09-18 12:23:42 · 149 阅读 · 0 评论 -
Vue(9)vue-resource实现get,post,jsonp请求
vue-resource实现get,post,jsonp请求常见的数据类型:get,post,jsonp除了vue-resource(官方文档)之外,还可以使用axios(官方文档)使用第三方请求配置vue-resource的步骤:在html文件中通过script标签引入 vue-resource文件;<script src="./lib/vue-2.4.0.js">&l...原创 2019-09-30 15:44:56 · 160 阅读 · 0 评论