话不多说直接搞源码么有啥高级的东西就是将图片重叠在一起通过改变透明度来显示仔细看看就懂了先引入vue<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></...
Category : Vue2学习笔记
Vue学习笔记-组件的使用
使用组件的三个步骤如在 App.vue 中使用组件1.在 App.vue 中使用 import 语法导入需要的组件import 自定义组件名 form '@/components/组件文件'因为使用 vue-cli 生成此时的 @ 代表的是 src 目录写在该文件的 scr...
Vue学习笔记-cli及项目目录组件结构
什么是vue-cli?想明确了解建议官网查看详情或出门右转百度左转谷歌也行只要知道它是开发的工具简化了配置webpack创建Vue项目的过程安装npm install -q @vue/cli使用vue create 项目名称选择预设会有三个选项Default ([Vue 2...
Vue学习笔记-axios请求等等问题
axios专注网络请求的库基本语法axios({ method: '请求的类型get或post', url: '请求的URL地址' //URL中的查询参数 //params:{}...
Vue学习笔记-计算属性
计算属性是指通过一系列运算后,最终得到一个属性值这个动态计算出来的属性值可以被模板结构或methods方法使用例:不用计算属性写法利用字符串的拼接<script src="./vue.js"></script> <s...
Vue学习笔记-侦听器
watch侦听器允许开发者监视数据的变化,从而针对数据的变化做特定的操作例:<body> <div id="app"> <input type="text" v-model='us...
Vue学习笔记-Vue2过滤器
过滤器(Filters)是vue为开发者提供的功能,常用于文本的格式化可以用在两个地方:插值表达式和v-bind属性绑定过滤器应该被添加在JavaScript表达式的尾部,由"管道符"进行调用例:<body> <div id="app&q...
Vue学习笔记-品牌列表案例
1.品牌列表案例将产品列表渲染实现添加删除//因为篇幅原因个别没有显示但不影响复制 改排版可太费经了=.= 偷懒.jpg//该案例还有bug存在//将所有品牌删除后重新添加 序号不会从头开始计数//学到后面再改现在不会哈哈哈//用.vue文件时案例会逐个解析暂时不需要直接搬...
Vue学习笔记-双向绑定条件渲染及列表渲染
v-model表单元素使用如:1.input输入框 type='radio' type='checkbox' type='xxxx'2.textarea3.select<body> <div id="app"> ...
Vue学习笔记-内容渲染、属性绑定及事件绑定
特性:数据驱动视图与数据双向半绑定1.数据驱动视图数据的变化会驱动视图自动更新数据驱动视图是单向的数据绑定2.双向数据绑定填写表单时开发者不需要手动操作DOM元素,来获取表单元素最新的值MVVM是vue实现数据驱动视图和双向数据绑定的核心原理MVVM指的是Model、Vie...