![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Jyan_29
这个作者很懒,什么都没留下…
展开
-
Vue_3
Vue1 组件2 组件生命周期3 组件化开发4 组件间传参5 路由1 组件拥有专属的HTML,CSS和数据的页面独立区域。优点:便于重用、松散耦合、分工协作页面由一个个独立的区域组成,封装为组件。即每个页面由多个组件组成1.创建Vue组件:1.1先在<template></template&a原创 2019-01-23 20:45:53 · 1806 阅读 · 0 评论 -
Vue_4.
Vue1 SPA2 Vue-router组件3 脚手架1 SPASPA:Single Page Application,整个应用程序只有一个完整的HTML页面和多个保存不同"页面"内容的组件片段。SPA应用侦测地址栏中相对路径的变化,选择匹配的组件片段替换唯一HTML文件中的相应区域。1)请求次数:单页面应用只在首次加载时请求一次,将一个完整的HTML页面和多个片段都获取到客户端保存。每次...原创 2019-01-28 11:40:38 · 156 阅读 · 0 评论 -
Vue_1
Vue1 原生/函数库/框架2 vue3 vue原理4 绑定语法5 指令(directive)1 原生/函数库/框架原生DOM/BOM是浏览器自带,比较繁琐;jQuery函数库第三方,简单,仅对四个步骤的API进行简化,没有对流程进行简化,存在大量重复操作;框架:Vue/Angular/React,框架是半成品项目,从流程上根本的简化开发,消除重复操作2 vueVue是渐进式的基于MVV...原创 2019-01-21 11:38:02 · 191 阅读 · 0 评论 -
Vue_2
Vue1 双向绑定2 绑定class和style属性3 计算属性4 自定义指令5 过滤器6 Axios1 双向绑定:value的方式只能将内存中模型变量的值绑定到页面,不能将页面的修改自动同步到内存中的模型变量上——单向绑定双向绑定: 既能将内存中模型变量的值绑定到页面,又能将页面的修改自动同步到内存中的模型变量上。v-model用于绑定可修改的表单元素v-model:value=”模型...原创 2019-01-22 19:37:15 · 159 阅读 · 0 评论 -
VUE_UI.UI组件和CLI脚手架
VUE_UI1 vue ui 组件1.1 mint-ui安装与使用1.2 mint-ui组件分类1.3 mint-ui组件1.3.1 Toast提示框1.3.2 lazyLoad懒加载1.3.3 mt-swipe轮播图2 vue cli 脚手架1 vue ui 组件pc端与移动端区别:屏幕宽度992px、操作方式基于VUE框架开发移动端组件库Mint-UI、MUI(dev.dcloud.cn...原创 2019-02-13 09:38:35 · 573 阅读 · 0 评论 -
VUE_UI_2.组件跳转、传参、vuex
组件跳转、传参1 组件间跳转及传参2 示例1 组件间跳转及传参(1)标签方式跳转(优先选) <router-link to="组件路径&amp原创 2019-02-14 16:20:51 · 635 阅读 · 0 评论 -
vue列表渲染
vue列表渲染注意事项1 对象2 数组API3 数组响应式4 对象响应式5 过滤、排序v-for更新渲染过的元素列表,默认使用复用策略,这个默认的模式是高效的,但是只适用于不依赖子组件状态或临时 DOM 状态 (例如:表单输入值) 的列表渲染输出1 对象迭代对象属性有三个参数,value, name, index2 数组API使用数组的变异方法改变数组触发视图更新;使用非变异方法返回一...原创 2019-05-06 12:26:33 · 643 阅读 · 0 评论 -
vue进阶学习
vue1 原生事件绑定到组件此篇主要是个人对vue教程上第一遍未吃透的概念的理解1 原生事件绑定到组件在 Vue 中,对于原生元素(<div>、<button> 等)只能监听原生事件(也就是 HTMLElement.addEventListener() 实现的效果);而对于 Vue 自定义组件,默认只能监听那个组件主动 $emit() 出来的自定义事件。而使用nat...原创 2019-06-14 15:48:38 · 710 阅读 · 0 评论 -
vue踩坑汇总
vue踩坑汇总1 computed1 computedbug:计算属性依赖的响应式属性发生变化,却没有改变该属性原因:根据systemId切换展示的是filterReverseTableData还是reverseTableData(因为systemId为7时,返回的数组对象属性要按选择条件过滤)。<normalTable v-else :tableData="systemId==7?...原创 2019-08-23 15:33:18 · 406 阅读 · 0 评论