![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
web_zsh
时机未到,资格未够,请继续努力
展开
-
认识Vue源码 (2)-- 手写类Vue框架:Zue
一、手写类Vue框架:zueclass Zue{ constructor(options){ //构造函数:this永远指向实例 }}1、在zue实例下创建$el,并指向挂载点this.$el = document.querySelector(options.el);2、在zue实例下创建$options,指向zue实例时的选项this.$options = options || {};3、在zue实例下创建$data,指向Vue实例的数据区内容this.$data = opt原创 2020-11-02 10:11:08 · 385 阅读 · 1 评论 -
认识Vue源码(1)
一、预备知识1、节点与节点类型如何获得元素节点var elementNode=document.querySelector('selector');var elementNodes=document.querySelectorAll('selector');如何获得属性节点(一个元素节点的html属性)var attrs=elementNode.attributes; //返回elementNode的所有属性节点的集合var attr=elementNode.getAttrubuteNo原创 2020-09-22 22:16:05 · 146 阅读 · 0 评论 -
element UI表格绑定动态数据与selection复选操作的坑
当<el-table></el-table>的数据:data是一个动态数据时,若表格具备selection列,且对当前操作的事件(例如selection-change)也具备对变量的操作时:表格的复选功能会执行两次。...原创 2020-05-07 10:59:42 · 3468 阅读 · 0 评论 -
数组元素的批量删除
//获取到要删除的客户的索引值let temp = this.userClients.map(item=>{ //this.userClients所有选中的要删除的元素(数组) return this.clientData.indexOf(item) //this.clientData所有的客户信息元素(数组) //在所有的客户信息中查找到要删除的元素,返回其索引值,并赋值给te...原创 2020-05-06 18:08:56 · 1222 阅读 · 0 评论 -
Vue中的axios请求(get与post)
接口文件的主要内容(1)接口功能(2)接口地址(3)接口参数:参数个数。参数恨意,数据类型、示例值等(4)请求方式:get | post(5)返回值get和post方式的区别(Java):get:所有的参数在地址栏显示。(Java利用get提交数据将,非ASCII字符需要转码)post:地址栏没有参数。(Java利用post提交数据,非ASCII字符不需要转码)一、调取接口先要安...原创 2020-05-06 15:17:10 · 781 阅读 · 0 评论 -
Element UI框架中表单数据的验证方式
在Element UI框架中,表单是使用<el-form>和标记对<el-form-item>标记对实现的。其中表单的验证使用<el-form>标记对的rules属性来进行设置。Element UI 框架中的表单验证使用 async-validator(异步校验)第三方库实现,该库在 GitHub的地址是 https://github.com/yiming...原创 2020-05-05 20:59:12 · 1000 阅读 · 0 评论 -
Vue自定义域过滤器和管道符
一、过滤器的分类与语法格式1、本期过滤器(局部过滤器):var vm = new Vue({ filters:{}})例一:实现一个对首字母大写的过滤器原创 2020-05-04 20:29:58 · 1535 阅读 · 0 评论 -
Vue省市区三级联动
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/index.css"> <script src="j...原创 2020-01-04 22:22:37 · 1063 阅读 · 1 评论 -
Vue计算属性和侦听属性
(一)计算属性1. 计算属性使用Vue实例的computed选项实现2. 计算属性的书写格式computed:{ 计算属性:function(){ ... ... return 计算属性的计算公式 } }3. 计算属性不能是出现在Vue实例data区中的变量4. 计算属性的含义:当计算属性的依赖变量发生变化时,计算属性会自动重新计算。5. 计算属性的gette...原创 2020-01-04 22:16:47 · 462 阅读 · 0 评论 -
Vue指令
一、Vue指令的规定所有的Vue指令必须以v-开头,后面带命令动词。指令的参数:v-指令动词.参数指令的修饰符:v-指令动词:修饰符二、绑定HTML属性1、完整格式:<a v-bind:href=“url”>链接</a>2、简化格式:<a :href=“url”>链接</a>3、利用对象同时绑定多个属性:<a v-bind=“...原创 2019-12-28 21:14:19 · 109 阅读 · 0 评论 -
Vue基础语法、生命周期
一、在官网上下载Vue.js官网:https://cn.vuejs.org/ 学习 | 教程 | 安装。使用官网提供的CDN(内容分发网络)。二、创建Vue实例var vm = new Vue({ el:'表示挂载点的选择器', data:{ //数据区 }, methods:{ //方法区 }})三、需要掌握的术语1、Vue实例:利用new根据构造函数V...原创 2019-12-28 15:56:54 · 67 阅读 · 0 评论