Vue的核心:路由的使用(附Demo源码)
学完vue的组件后,我们今天再来学习一个vue的核心点,也就是vue的路由,该篇文章内容比较长请耐心阅读,因为这里面涉及路由的知识比较多,也花了一些精力去总结,我们一起来学习吧
Vue学习笔记:组件之间的通信
NO.1 父组件向子组件传值我们用v-bind绑定了一个name、age、obj这三个是不同类型的的值,等下我们就在子组件中做验证接收 <template> <div id="app"> <children-vue :name="name" :num="num" :objdata="myobj&a…
Vue学习笔记:常用指令
首先讲一下在学习vue之前我们一定要掌握一些常用的指令,因为这样在后面学起来才不会吃力,这次总结当然也是让自己对这些指令的使用更加熟悉,印象也会更深刻一点
Vue的核心:组件的创建及使用
​今天我们来学习一个比较重要的知识点,也就是vue的组件,我们都知道做网页的时候我们都是把头部header.html和底部footer.html复杂一点的网站我们会把导航单独用nav.html去调用,在不同的页面中去引用这些文件,这些文件我们也可以理解为组件,vue的组件也是这样,在需要…
Vue学习笔记:自定义指令
在学习vue中有很多指令,有些是vue内置的指令,当然也可以自定义指令,我们现在就来总结下自定义指令的创建及使用我们先来注册一个全局自定义指令注册全局自定义指令要在main.js添加一个setColor的自定义指令Vue.directive(setColor, { inserted: function (el) { …
Vue学习笔记:冒泡事件及如何阻止冒泡
冒泡事件 <div id="app"> <div @click="bubbleTwo()"> <input type="button" value="按钮" @click="bubbleOne()"> </div> </div>new Vue({ el:#app, d…
Vue学习笔记:键盘事件
本文总结一下键盘事件@keydown是按下键盘后触发事件@keyup是离开键盘后触发事件常用的键盘事件按下后触发键盘事件:@keydown.enter 回车@keydown.left 左键@keydown.right 右键@keydown.up 上键@keydown.down 下键@keydown.delete 删除键松开后触发键盘事件:@keyup.ente…
Vue学习笔记:绑定class与style样式
本文总结一下如何用v-bind绑定class及style样式的方法,请注意v-bind可以用:来代替,这是简写方法1.绑定对象的写法 <div id="app"> <div :class="{active:isActive,hover:isHover}">只要付出,就有收获</div> </div&…
标签云
返回顶部图片