vue 从入门到放弃
嘿丷如歌
这个作者很懒,什么都没留下…
展开
-
Vue 2.0 时间过滤器
Title Vue.filter("data",function (input) { var d = new Date(input); var year = d.getFullYear(); var month = d.getMonth() + 1; var day = d.getDate(原创 2017-10-28 10:36:11 · 1091 阅读 · 0 评论 -
Vue 2.0 的 hello world
{{msg}} var vue = new Vue({ el:'#vue', data:{ msg:"谁在悬崖沏一壶茶" } })原创 2017-10-22 18:30:11 · 294 阅读 · 0 评论 -
vue 2.0 v-for 初体验
Title window.onload = function() { new Vue({ data: { arr:["谁在悬崖沏一壶茶","温热前世的牵挂","而我在调整千年的时差","爱恨全喝下"] }, methods:{ add:function(){ this.arr.push原创 2017-10-25 21:08:00 · 172 阅读 · 0 评论 -
vue 2.0 v-text & v-html
1:v-text说明:操作纯文本元素 Title window.onload = function() { new Vue({ el: '#box', data: { msg: "谁在悬崖沏一壶茶" } }) } {{msg}}原创 2017-10-25 20:03:53 · 301 阅读 · 0 评论 -
Vue 2.0 + bootstarp的demo
Title tr{ vertical-align: inherit; } window.onload= function(){ var vm = new Vue({ el:'#container',原创 2017-10-23 20:16:16 · 402 阅读 · 0 评论 -
vue 2.0 数据双向绑定
{{message}} var data = { message: "谁在悬崖沏一壶茶" } new Vue({ el: "#app", data: data })原创 2017-10-22 20:28:08 · 769 阅读 · 0 评论 -
Vue 2.0 动态组件
demo01 Document var vm=new Vue({ el:'#box', data:{ a:'test_a' }, components:{ 'test_a':{ template:'素胚勾勒出青花笔锋浓转淡'原创 2017-10-30 19:06:44 · 317 阅读 · 0 评论 -
Vue 2.0 监听文本框内容变化及 ref的使用说明
Title 输入框的内容:{{items.type}} var example1 = new Vue({ el: '#example', data: { items: { type: '千年之恋:' } }, watch: { items: {原创 2017-10-28 22:09:40 · 10808 阅读 · 0 评论 -
Vue 2.0 键盘属性
Title window.onload = function() { new Vue({ data: { message: "" }, methods:{ show:function(){ alert("您按了回车键"); } } }).$mount("#b原创 2017-10-28 11:24:00 · 360 阅读 · 0 评论 -
vue 2.0 自定义过滤器
由于vue 2.0 本身没有过滤器 所以过滤器就只能我们自定义了在这里写一个简单的字符串截取的过滤器 Title Vue.filter("substr", function(value) { if(!value) { return ''; } value = value.substr(0, 2);原创 2017-10-26 20:33:59 · 212 阅读 · 0 评论