vue系列
vue学习（一）ES6常用语法vue学习（二）Vue常用指令vue小练习--音乐播放器vue学习（三）组件传值vue学习（四）插槽vue学习（五）生命周期 的钩子函数vue学习（六）异步组件加载vue学习（七）refs的使用vue学习（八）nextTick[异步更新队列]的使用和应用vue学习（九）对象变更检测注意事项vue学习（十...
2024-01-10
vue体验
#################################安装：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-10
vue备用
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-10
vue通信
组件实例的作用域是孤立的。一、父子通信 父组件通过props向下传递数据给子组件，子组件通过events给父组件发送消息。 要让子组件使用父组件的数据，我们需要通过子组件的props选项。prop是单向绑定的，父组件属性变化时，将传递给子组件，但是不会反过来。 子组件想要和父组件通信...
2024-01-10
vue开发
前端架构之路：使用Vue.js开始第一个项目 Vue.js做为目前前端最热门的库之一，为快速构建并开发前端项目多了一种思维模式。本文通过一个简单的实例开始上手Vue.js开发。 一、技术准备 使用传统mvc项目的开发人员，笔者建议在开始项目前，对以下两个技术点进行了解。 1、 Vue.js...
2024-01-10
vue实例
1、构造器 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的： var vm = new Vue({ // 选项})虽然没有完全遵循 MVVM 模式， Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm 这个变量名表示 Vue 实例。在实例化 Vue 时，需要传入一个选项对象，它可以包含数据、模板、挂载元素...
2024-01-10
vue锚点
第一种：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-10
vue优点
低耦合。视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。独立开发。开发人员可以专注于业务逻辑和数据的开发（Vi...
2024-01-10
vue入门一
<!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-10
vue（三）
组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素，封装可重用的代组件注册全局注册Vue.component(\'组件名称\', { }) 第1个参数是标签名称，第2个参数是一个选项对象全局组件注册后，任何vue实例都可以用组件基础用<div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签...
2024-01-10
vue踩坑记
【1】启动vue2项目的时候报 Eslint 语法检查错误： Errors: 1 http://eslint.org/docs/rules/no-multi-spaces解决方法：修改 /config/index.js文件里的useEslint：true 改为useEslint ：false ...
2024-01-10
vue动画片
没有动画效果 显示有点生硬<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.js"></script></head><body><div , flag:false }, methods:{ } });</script></html>------------------...
2024-01-10
vue之介绍
在前端框架技术中有三大框架：Angularjs谷歌ReactFacebookVue尤雨溪 vue的介绍官网：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整...
2024-01-10
vue总结1
双向数据流：js内存属性发生改变，影响页面变化；页面的改变影响js内存属性的改变；常用指令V-text 是元素的innertext只能在双标签元素中；v-html 元素的innerhtml不能包含表达式；v-if 元素是否插入v-show 元素是否隐藏v-model 上香数据绑定v-bind 单项数据绑定el: 渲染内容目的地（写定的）render 渲染...
2024-01-10
vue变异方法
push() 往数组最后面添加一个元素，成功返回当前数组的长度 pop() 删除数组的最后一个元素，成功返回删除元素的值 shift() 删除数组的第一个元素，成功返回删除元素的值unshift() 往数组最前面添加一个元素，成功返回当前数组的长度 splice() 有三个参数，第一个是想要删除的元素的下...
2024-01-10
vue开发规范
https://juejin.im/post/5ada9b586fb9a07aaf34c746https://juejin.im/post/5b67e49551882508603d1431#heading-29...
2024-01-10
vue渲染错误
vue 报错：[Vue warn]: Error in render: “TypeError: Cannot read property ‘1’ of undefined”原因：组件中，使用异步加载数据渲染组件。在组件第一次渲染时，数据对象还没有被赋值，此时组件渲染会因为缺少数据报错。解决：用v-if控制，在异步拿到数据之前，不渲染该组件。...
2024-01-10
vue数据请求
我是vue菜鸟，第一次用vue做项目，写一些自己的理解，可能有些不正确，欢迎纠正。vue开发环境要配置本地代理服务。把config文件加下的index.js里的dev添加一些内容，dev: { env: require(\'./dev.env\'), port: 8090, autoOpenBrowser: true, assetsSubDirectory: \'static\', assetsPublicPath: \'/\', proxyTable: { \...
2024-01-10
vue使用技巧
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-10
vue的工作机制
Vue工作机制：1、 new Vue()的时候执行了一个init函数2、 $mount，在main.js中3、 Compile含有编译器的话就执行，没有的话就不执行，字符串写的模板需要编译，直接用template标签写的就不用编译器，平时使用的没有编译器，vue.js里边有编译器4、 Render函数，渲染函数，上边的template转换成了render函数，所以...
2024-01-10
vue:资源小记
github:https://github.com/keenleung/vue-tutorials过滤器：https://segmentfault.com/a/1190000005027001Webpack入门http://www.jianshu.com/p/42e11515c10f...
2024-01-10
vue长列表优化
写在前面：不知不觉 ～2020年的日子已经过去了3/4，看到微博热搜说：2020年还剩下3个月的时候，心情突然骤降～哈哈哈哈切入正题：什么是长列表优化？我们为什么需要长列表优化？我们怎样进行长列表优化长列表优化 在我们的日常工作中，会越到各种各样的列表，比如，我们通常采用分页...
2024-01-10
vue知识点集锦
1、vue的优点？轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习双向数据绑定：保留了angular的特点，在数据操作方面更为简单组件化：保留了react的优点，实现了HTML的封装和重用，在构建单页面应用方面有...
2024-01-10
vue的基本介绍
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-10
