老韩哥

摘要： component 标签 Vue框架自定义的标签，它的用途就是可以动态绑定我们的组件，根据数据的不同更换不同的组件。 例： 1、自定义3个组件 var cpA={ template:`<div>我是组件A</div>` } ... 2、在构造器里挂载组件 components:{ "cpA":cpA 阅读全文

摘要： <father></father> 声明一个对象,对象里就是组件的内容 子组件 var sun={ template:`<p>我是儿子</p>` } 父组件 var father={ template:` <div> <p>我是父亲</p> <sun></sun> </div> ` //父级里注册子 阅读全文

摘要： 定义属性我们需要用props选项，加上数组形式的属性名称，例如：props:[‘here’] components:{ "laohan":{ template:``， props:[] } } 如果属性名称里有“-” 要用小驼峰式写法props:[‘formHere’] 这时我们可以给属性bind  阅读全文

摘要： 全局 顾名思义就是在构造器外面声明的 <laohan></laohan> Vue.component('laohan',{ template:`<div>我是全局的标签组件</div>` }) 局部 在构造器里面 以选项的方式 <seodream></seodream> components:{ " 阅读全文

摘要： 目前学习了三种方法 第一种 vue选项模板 template:` <h2>我是选项模板</h2> ` 第二种标签模板 <template id="tp2"> <h2>我是标签模板</h2> </template> template:"#tp2" 第三种script模板 <script-type="x 阅读全文

摘要： beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,activated,deactivated,beforeDestory,destoryed beforeCreate: function() { console.log('1- 阅读全文

摘要： {{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时进行渲染，渲染完成后视为静态内容，跳出以后的渲染过程 阅读全文