Vue学习之路
文章平均质量分 72
凡心所致
这个作者很懒,什么都没留下…
展开
-
Vue学习之路
入门程序: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>hello world</title></head><body> <di原创 2018-07-03 15:51:44 · 228 阅读 · 0 评论 -
Vue 计算属性
作用:在复杂的逻辑时应该使用计算属性。关键字:computed。和其他方法一样,定义在Vue实例中。如: <div id="app"> {{reversedText}} </div> <script src="./js/vue.js"></script> <script type="text/javascript"原创 2018-07-04 11:41:24 · 211 阅读 · 0 评论 -
Vue组件的用法
Vue组件,可以分为全局组件和局部组件。全局组件是在使用Vue环境中的都可以使用,局部组件只有在该实例作用域下有效。关键字使用的是:component。全部组件:<div id="app"> <my-component></my-component> </div> <script type="text/javascript" src=&原创 2018-07-12 19:44:37 · 313 阅读 · 0 评论 -
Vue学习props传递数据
vue数据传递props。使用选项props来声明需要从父级接受的数据。props的值可以是两种,一种是字符串数组,一种是对象。props声明的数据与组件data函数return的数据主要区别就是props的来自父级,而data中式组件自己的数据,作用域是组件本身,这两种数据都可以在模板template及计算属性computed和方法methods中使用。如下,数据msg就是通过props父级传递...原创 2018-07-12 20:35:43 · 570 阅读 · 0 评论 -
Vue.js props修改父组件的值
如题:有两种方式,第一种是使用data模板,创建一个变量副本,维护这个副本变量。示例代码:<p> 有两种方式一种是在data模板中声明一个变量副本,然后更改变量副本 如下:组件中声明了数据count,它在数组初始化时会获取父组件initCount,所以只需要维护count </p> <div id="app"> <my-component ...原创 2018-07-13 00:02:51 · 2010 阅读 · 0 评论 -
vue 学习之路 v-bind指令
v-bind 的主要作用是动态的更新HTML元素的属性语法:-- v-bind:属性名 缩写: -- :属性实例一: 动态地切换class <div id="app"> <div :class="{'active':isActive}">测试样式</div> </div> <script原创 2018-07-06 21:24:18 · 334 阅读 · 0 评论 -
Vue 的内置指令(一)
基本指令 v-cloak:不要表达式,会在Vue实例结束编译时从绑定的HTML元素上移除,经常和display:none配合使用实例一、 <style type="text/css"> [v-cloak]{ display: none; } </style></head><body> <div id="app" v-c原创 2018-07-07 00:04:43 · 884 阅读 · 0 评论