- 博客(15)
- 资源 (5)
- 收藏
- 关注
原创 Vue初学15-组件语法糖
上文中提到组件使用需要三个步骤,创建,注册,使用,比较繁琐。vue提供了一个简便写法,可以将创建和注册合并成一个步骤。将对象直接放到component的第二个参数。也可以通过template标签,将组件模板摘出放到外面
2020-03-28 20:46:30 318
原创 Vue初学13-v-model修饰符
v-model三个比较常用的修饰符:lazy(延迟加载),number(只允许输入数字),trim(去除空格)
2020-03-25 15:10:09 286
原创 Vue初学10-总结练习
实现如下图类似购物车效果。用到的知识点:v-for遍历数组,@click事件绑定,methods函数定义,计算属性(totalprice),过滤器(priceformatter),动态属性绑定(:disabled),v-if,v-else隐藏dom元素
2020-03-20 10:37:37 145 1
原创 Vue初学08-条件指令(v-if,v-else-if,v-else)
1.条件判断根据属性值的不同显示不同的结果,如下根据分数的不同显示不同的等级。2.控制dom的显示通过v-if还可以控制dom元素的显示,v-if="true"表示显示,v-if="false"表示隐藏
2020-03-18 09:50:55 772
原创 Vue初学07-事件修饰符
1.stop修饰符相当于调用 event.stopPropagation(),阻止事件冒泡2.prevent修饰符相当于调用 event.preventDefault(),阻止默认行为3.键修饰符只当事件是从特定键触发时才触发回调,以回车键为例
2020-03-17 09:53:32 154
原创 Vue初学06-v-on
v-on用于绑定事件监听器。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句,如果没有修饰符也可以省略。事件参数的设置,有参数情形,无参数的情形
2020-03-16 10:56:24 169
原创 Vue初学05-var和let的区别
es5中var定义的变量只有全局作用域和函数作用域,没有块级作用域的概念。es6中let有块级作用域,相当于是var的进一步完善。下面以按钮点击为例,一共5个按钮,绑定点击事件,点到第几个按钮,提示第几个按钮被点击。
2020-03-13 09:12:54 4793
原创 Vue初学03-v-bind
v-bind用于动态地绑定一个或多个特性,或一个组件 prop 到表达式。v-bind 绑定src、href。v-bind绑定class。v-bind绑定style
2020-03-11 09:11:09 279
原创 Vue初学02-几个常用指令
1.v-once只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。2.v-html将内容按html插入,相当于更新innerHTML属性,建议在可信内容上使用,容易导致XSS攻击。3.v-text更新元素的textContent,与{{Mustache}}效果类似4.v-cloak这个指令保持在元素上直到关联实例结束编译。
2020-03-10 09:46:56 219
原创 Vue初学01-Vue的安装
vue的安装官方网站:vue官网,进入官网点击起步,初学可以采用直接引入的方式安装vue.js,下载开发版本的vue.jshello vue
2020-03-09 14:17:58 262
Vue初学22-具名插槽(slot)的使用-标题导航栏为例
2020-04-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人