⭐星星的博客

vue的最开始使用引入vue包 需要在body之前引入在html写一个带id的标签 这个父级元素及它内部所有元素都在下一步的控制域内<div id="ctr-01"> <p >{{first}}</p></div>new 一个Vue对象var vm = new Vue({ el:'#ctr-01', dat...

v-text 和 v-html代码这里不严格的截取代码为了浏览方便//html<div id="ctr-01" > <div v-cloak style="background-color: antiquewhite;">++++{{first}}-----</div> // vue是什么 <div v-text="(15/3)...

v-bind的使用v-bind的使用目的：对标签内属性赋值时可以使用data中的变量（会动态改变）。代码//为了方便不严格得截取//jsvar vm = new Vue({ el:'#ctr-01', data:{ bind:'这是一个小按钮' } })//html<div id="ctr-01" > <input type="...

v-bind绑定class 官方文档提炼v-bind绑定class有两种语法，1.数组语法2.对象语法；其中 数组语法是包含对象语法的对象语法v-bind:class="{ active: isActive, 'text-danger': hasError }"双引号里面是一个对象 属性名即预备的css类 其值为真值 则应用这个类同时 它(classObject)也可也传一个返回如对象...

v-on的使用及修饰符的用法<input type="button" value="按钮" @click="alert" />//var vm = new Vue({ el:'#ctr-01', methods:{ alert:function(){ alert('你好吗？') } } })@是v-on的简写 后面紧跟事件名称，...

事件Bus在手 天下我有~事件Bus是什么 ?它是一个Vue实例 , 用作一个组件内或者页面内的事件中心总线 , 帮助组件内通信Vue教程中是有提到 Bus的用法 , 但是因为Vuex的存在 , 它被放在了一个很不起眼的地方 . $dispatch 和 $broadcast 已经被弃用。请使用更多简明清晰的组件间通信和更好的状态管理方案，如：Vuex。因为基于组件树结构的事件流方式实在...