vue系列
vue学习(一)ES6常用语法vue学习(二)Vue常用指令vue小练习--音乐播放器vue学习(三)组件传值vue学习(四)插槽vue学习(五)生命周期 的钩子函数vue学习(六)异步组件加载vue学习(七)refs的使用vue学习(八)nextTick[异步更新队列]的使用和应用vue学习(九)对象变更检测注意事项vue学习(十...
2024-01-10vue体验
#################################安装:1,安装node.js :Javascript运行环境,其中的npm就是Node.js下的包管理器。2,命令行安装cnpm :npm install -g cnpm --registry=https://registry.npm.taobao.org3,命令行vue的脚手架vue-cli:npm install -g vue-cli4,vscode软件安装:5,vscode中安装插件:Vetur插件脚手架使用:1,创建vue项...
2024-01-10vue备用
handleCheck (item) { if (item.isChecked) { this.checkData.push(item.id) this.checkData = _.uniqWith(this.checkData, _.isEqual) } else { this.checkData = _.remove(this.checkData, i => i !== item.id) } },<template slot=...
2024-01-10vue实例
1、构造器 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的: var vm = new Vue({ // 选项})虽然没有完全遵循 MVVM 模式, Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm 这个变量名表示 Vue 实例。在实例化 Vue 时,需要传入一个选项对象,它可以包含数据、模板、挂载元素...
2024-01-10vue的坑
1.获取地址栏参数 this.$route.query.id2.用this.$router.push({path:'index',query:{id:1}})跳转页面无刷新,无法监听传递的参数,可用以下方法解决:watch:{ '$route':'fun'}fun为地址栏变化要写的函数3.组件变量是数组的,v-for时,要写:key="index";4.在光标处插入值<textarea ref="mytextarea" v-model='editMsg' class="editMsg" maxlen...
2024-01-10vue锚点
第一种:router.js中添加mode: 'history', srcollBehavior(to,from,savedPosition){ if(to.hash){ return {selector:to.hash } } }组件:<template><div><ul class="list"><li><a href="#1" rel="external nofollow" >星期1</a></li><li><a href="#2" rel="external nofollow" >星期2...
2024-01-10vue(七)
给文件夹取别名通过import导入的时候可以直接应用别名而通过非import的方式引入的时候,要在别名前面加一个"~"PromisePromise是ES6的新增内容通过setTimeout模拟异步请求一秒钟后打印Hello WorldPromise的简单体会通过promise可以将回调地狱转化为链式编程,结构更清晰,代码更优雅Promise讲解Promise的三...
2024-01-10vue入门一
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title> <style type="text/css"> .box{ ...
2024-01-10vue踩坑记
【1】启动vue2项目的时候报 Eslint 语法检查错误: Errors: 1 http://eslint.org/docs/rules/no-multi-spaces解决方法:修改 /config/index.js文件里的useEslint:true 改为useEslint :false ...
2024-01-10vue的实例
vue的实例创建一个vue实例的写法和创建一个变量一样var vm = new Vue{{ //我们一般用vm来接收vue的实例,vm是 ViewModel的缩写 }} 然后,我们就可以给vue实例添加属性和方法了var vm = new Vue{{ data: { //属性的声明,不同的属性用逗号隔开 test1: 123, ...
2024-01-10vue:概要
#安装nodejs-官网安装包配置环境变量node -v#安装webpacknpm install webpack -g#安装vue-clinpm install vue-cli -g#新建项目vue init webpack vuedemo#运行项目npm run devnpm install报错的npm cache clean --force CNPM安装npm install -g cnpm --registry=https://registry.npm.taobao.org二、生命周期3、部署npm...
2024-01-10vue总结1
双向数据流:js内存属性发生改变,影响页面变化;页面的改变影响js内存属性的改变;常用指令V-text 是元素的innertext只能在双标签元素中;v-html 元素的innerhtml不能包含表达式;v-if 元素是否插入v-show 元素是否隐藏v-model 上香数据绑定v-bind 单项数据绑定el: 渲染内容目的地(写定的)render 渲染...
2024-01-10vue变异方法
push() 往数组最后面添加一个元素,成功返回当前数组的长度 pop() 删除数组的最后一个元素,成功返回删除元素的值 shift() 删除数组的第一个元素,成功返回删除元素的值unshift() 往数组最前面添加一个元素,成功返回当前数组的长度 splice() 有三个参数,第一个是想要删除的元素的下...
2024-01-10vue开发规范
https://juejin.im/post/5ada9b586fb9a07aaf34c746https://juejin.im/post/5b67e49551882508603d1431#heading-29...
2024-01-10vue注意内容
ref 是被用来给元素或子组件注册引用信息的。引用信息将会注册在父组件的 $refs 对象上。一、1、如果ref用在子组件上,指向的是组件实例,可以理解为对子组件的索引,通过$ref可能获取到在子组件里定义的属性和方法。2、 如果ref在普通的 DOM 元素上使用,引用指向的就是 DOM 元素,通过$ref可能获...
2024-01-10vue使用技巧
vue使用技巧参考地址:https://www.jb51.net/article/173761.htmvue如何实现dom的异步更新参考地址:https://segmentfault.com/q/1010000017571945vue生命周期解析https://www.jianshu.com/p/a587905b14b0?utm_source=oschina-appASThttps://segmentfault.com/a/1190000016231512?utm_source=tag-newest...
2024-01-10vue的工作机制
Vue工作机制:1、 new Vue()的时候执行了一个init函数2、 $mount,在main.js中3、 Compile含有编译器的话就执行,没有的话就不执行,字符串写的模板需要编译,直接用template标签写的就不用编译器,平时使用的没有编译器,vue.js里边有编译器4、 Render函数,渲染函数,上边的template转换成了render函数,所以...
2024-01-10vue:资源小记
github:https://github.com/keenleung/vue-tutorials过滤器:https://segmentfault.com/a/1190000005027001Webpack入门http://www.jianshu.com/p/42e11515c10f...
2024-01-10vue长列表优化
写在前面:不知不觉 ~2020年的日子已经过去了3/4,看到微博热搜说:2020年还剩下3个月的时候,心情突然骤降~哈哈哈哈切入正题:什么是长列表优化?我们为什么需要长列表优化?我们怎样进行长列表优化长列表优化 在我们的日常工作中,会越到各种各样的列表,比如,我们通常采用分页...
2024-01-10vue知识点集锦
1、vue的优点?轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb简单易学:国人开发,中文文档,不存在语言障碍,易于理解和学习双向数据绑定:保留了angular的特点,在数据操作方面更为简单组件化:保留了react的优点,实现了HTML的封装和重用,在构建单页面应用方面有...
2024-01-10vue的基本介绍
Vue 的基本介绍1. 库(library)和框架(Framework)的区别库: 是一系列函数的集合,如果想要实现某个功能,直接调用库里面的方法即可. 例如(jquery).使用库 : 开发人员起主导作用框架: 是一套完整的解决方案,它制定了一个规则,想要使用框架,就要按照框架的规则来编写代码,框架会在何时的时机执行我们编写...
2024-01-10关于vue的小实例
练习的两个小例子。1.实现点击全选,下面的均被选中,再点击一下,下面的均取消选择;当下面的均被选择的时候,全选被选中,值为true<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <...
2024-01-10vue分类单选标签
vue.js实现单选标签功能功能讲解:点击那个标签,那个变红,其他标签都是灰色,实现单选。效果图如下:来不及解释了,快上车!!!template代码script代码只能想到这种办法,如果有更好的,会更新文章的。...
2024-01-10vue社区活跃整合
===框架=====Nuxt(vue ssr服务端渲染)Quasar Framework 一个可以搭建多平台响应式网站的框架Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。=====Ui组件库======Element-UiiViewMuse-UiVue Material =====移动端UI库=====vux...
2024-01-10