Vue.js组件的重要选项

实例化Vue对象一些很重要的选项，Vue的所有数据都是放在data里面的，Vue的参数是个对象，对象里面的字段叫做data，data里面也是对象，data也可以写作是this.a,this.b来取到数据
2：methods是一个方法，这个方法打印出了a的数值，取到data里面的数据

3：监听
我们监听了data数据里面的a, a对应的是一个方法,意思就是我们监听所有a的变化，a在dosomething进行了一个加1 的操作，watch指定的这个方法就会去执行，所以val的值是2，oldval的值还是之前的1

4：那么Vue里面的东西和页面页面展示究竟有什么联系？
这三者看似想同，实际也有所区别
v-text处理过HTML，v-html保存了HTML的结构
当右边Vue里面的a通过方法执行自增的话，左边模板中的a也会随之进行更新

5：常用的v-if ， v-show 控制元素的显示与隐藏
v-if是直接渲染dom元素
v-show是通过display none 来对div进行隐藏，在代码里面能看到这个dom元素的

6：v-for
列表的渲染方法，循环渲染，我们的数据源是这样的，items里面有一个对象的列表
我们在前端对数组进行渲染的话使用的就是v-for 命令，in后面的对象值得就是data数据源里面的列表
通过循环体里面对象的属性（banana 和apple）取得

7：事件的绑定
doThis是从methods里面取得的，不是从data里面取得，，简写的模式是@

8：对dom元素属性的操作，简写的方式是：
假如里面是对象{}，这个red指的是class的名字，isred指的是是否有这个class的一个判断
假如里面是数组【】，classA和classB在data里面就是一个字符串，是要直接展示出来的，比如赋值给A和Bbanana和apple

转载于:https://www.cnblogs.com/ting6/p/9725870.html

Vue.js组件的重要选项相关推荐

html input dropdown,Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件
带下拉选项的输入框 (Textbox with Dropdown) 是既允许用户从下拉列表中选择输入又允许用户自由键入输入值.这算是比较常见的一种 UI 元素,可以为用户提供候选项节省操作时间,也可以 ...
Vue.js组件化开发实践
Vue.js组件化开发实践前言公司目前制作一个H5活动,特别是有一定统一结构的活动,都要码一个重复的轮子.后来接到一个基于模板的活动设计系统的需求,便有了一下的内容.首先会对使用Vue进行开发的一 ...
三十七、深入Vue.js组件Component（下篇）
@Author:Runsen @Date:2020/7/4 人生最重要的不是所站的位置,而是内心所朝的方向.只要我在每篇博文中写得自己体会,修炼身心:在每天的不断重复学习中,耐住寂寞,练就真功,不畏艰 ...
三十六、深入Vue.js组件Component（上篇）
@Author:Runsen @Date:2020/6/15 人生最重要的不是所站的位置,而是内心所朝的方向.只要我在每篇博文中写得自己体会,修炼身心:在每天的不断重复学习中,耐住寂寞,练就真功,不畏 ...
vue.js 组件之间传递数据 1
vue.js 组件之间传递数据框架浏览数:437 2017-8-21 组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用.如何传递数据 ...
VUE.JS 组件化开发实践
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 前言公司目前制作一个H5活动,特别是有一定统一结构的活动,都要码一个重复的轮子.后来接到一个基于模 ...
（25）Vue.js组件通信—父组件向子组件传值
一.Vue.js组件通信介绍子组件如何获取父组件中的数据?父组件如何得知子组件的数据变更?如果是更加复杂的组件关系呢?在组件间传递数据的操作,称为组件通信. 二.Vue.js组件通信内容 • 父组件 ...
（24）Vue.js组件—组件注册
一.Vue.js组件注册内容 • 全局注册 • 组件基础 • 局部注册二.全局注册 • 全局注册的组件在注册后可以用于任意实例或组件中. <body><div id="a ...
构建你的第一个Vue.js组件
我记得当时我拿起CakePHP,我很喜欢,开始使用它是多么容易.这些文档不仅结构合理,详尽无遗,而且用户友好.多年以后,这正是我在Vue.js中感受到的.然而,与Cake相比,Vue文档仍然缺少一件事 ...

Vue.js组件的重要选项

Vue.js组件的重要选项相关推荐

最新文章

热门文章