摘要: 一、computed和methods对比 computed是状态(data)改变时,重新进行计算;methods是计算函数,每次重新渲染都会重新计算。比如return Date.now(),computed不会变化,methods则会更新。 1、计算属性(computed)是基于它们的依赖进行缓存的 阅读全文
posted @ 2017-08-14 11:41 dontes 阅读(236) 评论(0) 推荐(0) 编辑
摘要: props用来改变子组件属性,并且子组件中的驼峰式在使用时标签中要改成横线式,比如mesAlet==》mes-alet 父组件: <child message="hello!"></child> 子组件: 动态props的话,如下: 阅读全文
posted @ 2017-07-19 16:52 dontes 阅读(745) 评论(0) 推荐(0) 编辑
摘要: 1、模块化开发组件: box1.vue文件如下: box2.vue文件如下:import引入box1.vue,components设置,然后设置成标签使用<box1><template> 2、全局组建 渲染为: 阅读全文
posted @ 2017-07-19 16:15 dontes 阅读(1723) 评论(0) 推荐(0) 编辑
摘要: 1、安装node和npm 2、创建vue项目 3、项目内配置npm 4、测试运行 阅读全文
posted @ 2017-07-19 15:48 dontes 阅读(2684) 评论(0) 推荐(0) 编辑
摘要: 1、ref :为子组件指定一个索引 ID,给元素或者组件注册引用信息。refs是一个对象,包含所有的ref组件。 <div id="parent"> <user-profile ref="profile"></user-profile>(子组件)</div> var parent = new Vue 阅读全文
posted @ 2017-07-14 15:03 dontes 阅读(8327) 评论(1) 推荐(3) 编辑
摘要: 1、组件定义component: vue extend{}是组件构造器,构造之后需要实例化才可用,而component是直接创建组件。 2、prop 是父组件用来传递数据的一个自定义属性。 父组件的数据需要通过 props 把数据传给子组件,子组件需要显式地用 props 选项声明 "prop": 阅读全文
posted @ 2017-07-12 17:40 dontes 阅读(315) 评论(0) 推荐(0) 编辑
摘要: 自定义指令: 自带钩子函数: 自定义钩子函数: 钩子函数的参数有: el: 指令所绑定的元素,可以用来直接操作 DOM 。 binding: 一个对象,包含以下属性: name: 指令名,不包括 v- 前缀。 value: 指令的绑定值, 例如: v-my-directive="1 + 1", va 阅读全文
posted @ 2017-07-12 16:58 dontes 阅读(1499) 评论(0) 推荐(0) 编辑
摘要: ES6 变量的6种方式:var function let const import class。 组件输出:module export,export,export default。module export可以直接定义或者赋值,export只能输出对象,export default 输出可以不限制引 阅读全文
posted @ 2017-07-11 18:25 dontes 阅读(964) 评论(0) 推荐(0) 编辑
摘要: 来源:http://blog.csdn.net/u012123026/article/details/72460470 第三种方式: Hello.vue app.vue 阅读全文
posted @ 2017-07-11 18:18 dontes 阅读(917) 评论(0) 推荐(0) 编辑
摘要: 什么是浏览器私有属性前缀 CSS3的浏览器私有属性前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。 以下是几种常用前缀 -webkit- -moz- -ms- -o- -khtml-(现在基本都没有用了,被-webkit-取代) 举例来说,一个CSS3圆 阅读全文
posted @ 2017-06-16 17:32 dontes 阅读(1193) 评论(0) 推荐(0) 编辑