老韩哥

摘要： {{count}}<button type="button" onclick="add()">ADD</button>我们用3种方法改变count值function add(){ //直接操作外部数据 outData.count++ //用Vue对象的方法添加 app.count++ //用Vue. 阅读全文

摘要： 需求是这样的，要在博客页面多处显示作者的网名，并在网名上直接有链接地址。 我们希望在html中只需要写<author></author>，这和自定义组件很像，但是他没有传递任何参数，只是个静态标签。 var myExtend = Vue.extend({ //模板 template:"" //数据  阅读全文

摘要： <div v-laohan="font">元素</div> 需要在构造器外执行 Vue.directive('my',function(el,binding,vnode){ console.log(el) //<div>元素</div> console.log(binding) //object c 阅读全文

摘要： v-pre 直接输出源码 {{name}} v-cloak 渲染完成后再展示 它必须和CSS样式一起使用 [v-cloak] { display: none; } v-once 第一次DOM时进行渲染，渲染完成后视为静态内容，跳出以后的渲染过程 阅读全文

摘要： v-bind 操作标签属性 v-bind:src 简写方式 ":" 如 :href 第一种直接绑定 :class="calssName" 第二种 布尔判断 :class="{class:isOk}" 第三种 绑定数组 :class="[classA,classB]" 第四种 绑定三元运算 :clas 阅读全文

摘要： v-model 一个双向的数据源绑定 修饰符 v-model.lazy 懒加载 v-model.number 数字类型，但如果先输入的是字符 这个就无效了 v-model.trim 去除空格 绑定一个文本域 <textarea rows="" cols="" v-model="val"></text 阅读全文

摘要： v-on:click="" 我们的v-on 还有一种简单的写法，就是用@代替 <!-- `greet` 是在下面定义的方法名 --> <button v-on:click="greet">Greet</button> // 在 `methods` 对象中定义方法 methods: { greet: 阅读全文