vue复习(一)

【vue复习(一)】的更多相关文章

vue复习

vue 复习 options的根属性 el:目的地(srting || DOM元素) template 模板 data 是一个函数 , return一个对象对象中的key, 可以直接在页面中使用在js中this.key名 data中的属性,在dom中直接用在js中 this.xxx compoents:key是组件名,value是组件对象 methods:一般用业配合 xxx 事件 prpos:子组件接收的参数设置['title'] 指令 v-if/v-show:if就是插入或移除…

vue复习(二)

一.组件介绍每一个组件都是一个vue实例每个组件均具有自身的模板template,根组件的模板就是挂载点每个组件模板只能拥有一个根标签子组件的数据具有作用域,以达到组件的复用二.局部组件 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>局部组件</title> <script type=&…

一.认识Vue 定义:一个构建数据驱动的Web界面的渐进式框架优点: 1.可以完全通过客户端浏览器渲染页面,服务器端只提供数据 2.方面构建单页面应用程序(SPA) 二.引入Vue <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>vue导入</title> </head> <body&…

vue 复习（2）v-bind的应用 v-bind:classv-binf:style

dasdclass与style绑定v-bind 1. 绑定HTML Class 对象语法有些时候我们想动态的切换class的类名.在原生的js或jq中我们就要通过事件来动态的改变class类名,但在vue中我们可以通过v-bind:class 来实现这一功能.列<div v-bind:class="{ active: isActive }"></div>data:{isActive:false,}这其中class类名是否存在active取绝于data 中isA…

vue 复习篇. 注册全局组件,和组件库

初篇 ============================================================== 1. 编写loading组件(components/Loading/index.vue) <template> <div>loading</div> </template> <script> export default { name: 'loading' } </script> 2.注册为全局组件 (c…

[vue]vue基础复习项案例stepbystep

看本篇第二次复习内容即可. 还有一些文档了这个如 https://www.cnblogs.com/iiiiiher/p/9508733.html https://www.cnblogs.com/iiiiiher/p/8973705.html vue复习项目 1.展示/搜索功能 tofixed 2.删除 filter() 3.全选反选 get checkAll的值, every set 各选项,forEach 4.总价格 reduce 5.选了多少本书 filter+length 6.选中后变灰…

温故vue对vue计算属性computed的分析

vue 复习笔记(1)一段时间没有看过vue的官方文档了,温故而知新,所以我决定将vue的文档在看一遍 1计算属性computed在vue的computed中声明的是计算属性,可以使用箭头函数来进行定义.对于任何复杂的逻辑运算都应该使用计算属性.例子在vue的date中声明一个变量;data:{message:'Hello' }, computed: { // 计算属性的 getter reversedMessage: function () { // `this` 指向 vm 实例return…