随笔分类 -  Vue

摘要:定义一个组件 从父作用域传值到组件 阅读全文
posted @ 2019-04-26 09:24 drl_blogs 阅读(132) 评论(0) 推荐(0)
摘要:对于所有的数据绑定,Vue.js 都提供了完全的 JavaScript 表达式支持{{ number + 1 }}{{ ok ? 'YES' : 'NO' }}{{ message.split('').reverse().join('') }} ... 阅读全文
posted @ 2019-04-26 09:22 drl_blogs 阅读(353) 评论(0) 推荐(0)
摘要:v-bind示例 鼠标悬停几秒钟查看此处动态绑定的提示信息! v-if示例 现在你看到我了v-else示例 This is if This is else v-else-if示例 This is if This is... 阅读全文
posted @ 2019-04-26 09:02 drl_blogs 阅读(95) 评论(0) 推荐(0)
摘要:vue是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化... 阅读全文
posted @ 2019-04-26 08:59 drl_blogs 阅读(152) 评论(0) 推荐(0)
摘要:基本例子 Original message: "{{ message }}" Computed reversed message: "{{ reversedMessage }}" 计算属性setter 计算属性默认只有 getter... 阅读全文
posted @ 2019-04-26 08:51 drl_blogs 阅读(115) 评论(0) 推荐(0)
摘要:push():往数组最后面添加一个元素,成功返回当前数组的长度pop():删除数组的最后一个元素,成功返回删除元素的值shift() :删除数组的第一个元素,成功返回删除元素的值unshift():往数组最前面添加一个元素,成功返回当前数组的长度splice... 阅读全文
posted @ 2019-04-26 08:45 drl_blogs 阅读(899) 评论(0) 推荐(0)
摘要:v-if 和v-show的区别:v-if 当值改变直接删除/添加v-show当值改变直接使用displsy切换显示隐藏示例如下 This is v-if This is v-show 运行结果如下 阅读全文
posted @ 2019-04-26 08:42 drl_blogs 阅读(163) 评论(0) 推荐(0)
摘要:v-on和v-bind 简写v-bind 缩写......v-on缩写...... 阅读全文
posted @ 2019-04-26 08:32 drl_blogs 阅读(2222) 评论(0) 推荐(0)
摘要:在一些情况要满足html5的要求时,不能直接使用组件时,我们可以使用is属性来实现 例如: 显示结果我们看到显示在外面,这是错误的,那么如何修改呢? ... 阅读全文
posted @ 2019-04-25 21:27 drl_blogs 阅读(1300) 评论(0) 推荐(0)
摘要:生命周期钩子生命周期函数就是vue实例在某个时间点会自动执行的函数 阅读全文
posted @ 2019-04-25 10:31 drl_blogs 阅读(268) 评论(0) 推荐(0)