Vue学习笔记:路由的使用
简单好用的FLEX布局
组件的创建及使用
npm用法总结
首使用npm首先要先下载并安装node.js 下载地址:Node.js如何安装在这里就不讲了,百度一大堆切换为淘宝镜像(注意切换后使用cnpm):npm install -g cnpm --registry=https://registry.npm.taobao.org切换为原来的npm镜像:npm config set registry https://registry.npm…
Vue的核心:路由的使用(附Demo源码)
学完vue的组件后,我们今天再来学习一个vue的核心点,也就是vue的路由,该篇文章内容比较长请耐心阅读,因为这里面涉及路由的知识比较多,也花了一些精力去总结,我们一起来学习吧
var、let、const的区别
我们都知道在ES5中我们定义变量都是使用var来定义,随着代码的版本及方法不断的升级并完善,我们在ES6中新增了let及const,我写这篇文章的原因主要是在学习vue的时候分不清楚,这篇文章主要针对于学习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&…
简单好用的FLEX布局
根据我们每个人使用的浏览器或者设备的不同,会出现一些样式无法生效,宽度高度的值不一样,这种情况我们就需要做兼容性处理,首先我们首先来讲一下各个浏览器的前缀:-webkit-代表chrome、safari私有属性-moz-代表firefox浏览器私有属性-ms-代表IE浏览器私有属性-o-代表…
标签云
返回顶部图片