随笔分类 -  vue

摘要:vue中的路由 vue-router是一个插件所以我们要先进入项目文件去下载它 npm install vue-router --save-dev 在src的同级目录下新建 router 文件夹,在里面再新建一个index.js文件夹,这里面放的是路由的配置。 在src的同级目录下新建compone 阅读全文
posted @ 2017-12-28 10:44 Angel爽 阅读(209) 评论(0) 推荐(0)
摘要:vue中的父子组件值的传递 在子组件中定义props属性,里面写上属性名称,:message全写就是v-bind,通过这种方式实现父子组件值的传递。 子与子之间的值传递 自定义事件 使用 $on(eventName) 监听事件 使用 $emit(eventName) 触发事件 阅读全文
posted @ 2017-12-27 13:27 Angel爽 阅读(296) 评论(0) 推荐(0)
摘要:vue中的组件 什么是组件: 1、扩展HTML元素 2、重用性 3、可以实现特殊的功能 通过Vue.component来定义全局组件,第一个参数是组件名称,第二个参数是一个对象,template属性里面放的是组件内容,通过在id为app的div里面放入组件名称的标签来显示出组件的内容。 也可以将组件 阅读全文
posted @ 2017-12-27 13:07 Angel爽 阅读(310) 评论(0) 推荐(0)
摘要:vue之自定义指令 像v-if、v-show、等这些都是系统指令,比如说我想写一个v-color的指令,但是系统是没有这个指令的,如果我们直接这样写肯定会报错,所以我们下面就需要自定义指令。 阅读全文
posted @ 2017-12-23 09:31 Angel爽 阅读(534) 评论(1) 推荐(0)
摘要:Vue计算属性 vue在花括号之内也是可以写逻辑代码的,例: 花括号内放入大量逻辑代码就会过重且难以维护,所以这时便要用到我们的计算属性 computed。 注意的是在这里面要把b看做是一个属性,而不是一个函数,上面这种写法默认走的是get,下面还有一种完整写法,完整写法会用到 get 和 set 阅读全文
posted @ 2017-12-19 13:51 Angel爽 阅读(1175) 评论(0) 推荐(0)
摘要:在以前做项目时经常是新建一些html、css、等一些文件,但在接触了vue.js之后我发现我已经有点看不懂前端了,这对于我这么一个菜鸟来说实在是很苦逼的事情。现在的前端技术都离不开npm包去管理编译流程,npm是node.js的包管理工具,vue脚手架的搭建也是需要npm进行操作,所以学习vue之前 阅读全文
posted @ 2017-12-15 10:05 Angel爽 阅读(4817) 评论(1) 推荐(2)