vue2.0

Vue2.0 歌手列表滚动及右侧快速入口实现 | 音乐 WebApp （六）

Unsplash本次的系列博文的知识点讲解和代码，主要是来自于黄轶在慕课网的Vue2.0高级实战-开发移动端音乐WebApp课程，由个人总结并编写，其代码及知识点部分，均有所更改和删减，关于更多Vue2.0
Nian糕·2021-06-09 19:53

再学Vue2.0（二）----初识Vue

1.HelloWorld首先HelloWorld流程走一下......直接上代码：初识Vue{{message}}{{sayHello()}}constapp=newVue({el:'#app',data:{message:'HelloWorld'},methods:{sayHello:function(){return'欢迎走进Vue的世界'}}})上述代码创建了一个Vue实例，挂载到DOM中，
Heller_J·2021-06-09 17:17

Vue2.0双向绑定核心实现

/***author：Echonessy*des:*date:2020.07.24*target:Vue*1.Vue*把data中的成员注入到Vue实例中，并且把data中的成员转成getter/setter*2.Observer*能够对数据对象的所有属性进行监听，如果变动可拿到最新值并通知Dep（发布者-目标）*3.Watcher*定义观察者，定义update()函数，当数据发生变动，更新视图*
Echonessy·2021-06-09 11:02

Vue环境搭建

参考资料：Vue2.0新手入门—从环境搭建到发布image环境搭建步骤1、安装brew/usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com
奋撸小菜鸟·2021-06-09 02:13

vue2.0双向绑定的使用及简单实现

v-model双向绑定用法input的双向绑定{{msg}}letvm=newVue({el:'#app',data:{msg:'hello'},})chechbox（利用value值）{{a.name}}全选：letvm=newVue({el:'#app',data:{msg:'hello'},})letvm2=newVue({el:'#app2',data:{aaa:[{'sel':false
Mr无愧于心·2021-06-08 19:30

vue3.0中的数据监听、响应式原理简析

单一的访问器getter和setterObject.defineProperty()--实现了vue2.0响应式原理Proxy--实现3.0版本的原理vue2.0响应式原理的弊端需要对Object和Array
Mr无愧于心·2021-06-07 20:42

vue2.0创建项目

VUE2.0创建项目步骤1、安装node.js安装完成后，可以命令行工具中输入node-v和npm-v，如果能显示出版本号，就说明安装成功。
丁小凯_eafe·2021-06-07 18:08

vue2.0小结

使用swiper的总结swiper5以上只支持vue3，所以需要使用低版本兼容，此处使用vue-awesome-swiper。安装：npminstall--savevue-awesome-swiper@3此时安装的是"vue-awesome-swiper":"^3.1.3",,而它依赖的swiper是4.5.1稳定版本。swiper的版本差异：链接swiper4-6版本的文档：链接slide1sl
xurna·2021-06-07 10:00

基于 .net core + ele ui 的数据操作

对象这是一个添加服务的表单；采用eleui二ViewModelaxios发送http请求：s采用aip发送post请求三api接收http请求的model保存到db上下文中总结ElementUI——一套基于Vue2.0
聆听gmk·2021-06-06 23:07

vue2.0搭建vue脚手架(vue-cli)，集成element-ui

1.首先要安装node.js下载地址https://nodejs.org/en/安装完成后，在cmd命令行里面键入node-v查看版本C:\Users\lh188>node-vv8.9.3我们需要的npm功能已经在node中集成，输入npm-v查看版本C:\Users\lh188>node-vv8.9.3展示版本号，代表已经安装成功。2.由于npm的部分资源被强，我们需要安装cnpm，相当于国内的
那个名字特别特别长的家伙是我·2021-06-06 21:03

Vue

【vue2.0】Cannotreadproperty'matched'ofundefineds在import路由文件后，我将它命名为Router，就会出现报错，最终发现原因是：router才是Vue实例化的配置字段名称
冷若霜寒·2021-06-06 19:04

Vue组件库ElementUI实现表格列表分页效果

ElementUI实现表格列表分页效果教程，供大家参考，具体内容如下ElementUI是一套采用Vue2.0作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库，提供了配套设计资源
·2021-06-06 17:36

Vue组件库ElementUI实现表格加载树形数据教程

ElementUI实现表格树形列表加载教程，供大家参考，具体内容如下ElementUI是一套采用Vue2.0作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库，提供了配套设计资源
·2021-06-06 17:36

7.最俗学习之-Vue源码学习-数据篇(中)

源码地址这里还是从例子说起，丰富一下例子的参数变成这样噢，这里首先推荐两篇文章，写的非常好Vue2.0的数据依赖实现原理简析深入浅出Vue基于“依赖收集”的响应式原理第一篇对Vue的数据响应系统有很清晰的了解
木子tar·2021-06-06 08:52

简单遍历vue2.0文档（五）

11.vue-router11.1引用//入口文件importrouterfrom'vue-router'11.2配置路由文件exportdefaultnewRouter({routes:[{path:'/hello',name:'HelloWorld',component:HelloWorld}]})11.3路由的跳转//相当于跳转路由的超链接点我跳转//视图位置//vue-router下的ma
前端咸蛋黄·2021-06-04 19:01

简单遍历vue2.0文档（三）

9.自定义指令bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted：被绑定元素插入父节点时调用(仅保证父节点存在，但不一定已被插入文档中)。update：所在组件的VNode更新时调用，但是可能发生在其子VNode更新之前。Vue.directive('focus',{inserted:function(el){el.focus()}})varapp
前端咸蛋黄·2021-06-04 09:13

大白话Vue2.x-directive

注意，在Vue2.0里面，代码复用的主要形式和抽象是组件——然而，有的情况下,你仍然需要对纯DOM元素进行底层操作,这时候就会用到自定义指令。
锋子锅锅·2021-06-04 09:05

vue 2.0 过滤器

在vue1.0中，我们见到过很多的内置过滤器，如filterBy、orderBy等等，但是在vue2.0中，这些内置过滤器已经全部舍弃掉。
妖风小哥哥·2021-06-04 01:12

ElementUI实现表格列表分页效果教程

ElementUI实现表格列表分页效果教程ElementUI是一套采用Vue2.0作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库，提供了配套设计资源，帮助网站快速成型加上
smileNicky·2021-06-02 15:38

设置ElementUI表格只能单选效果教程

ElementUI是一套采用Vue2.0作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库，提供了配套设计资源，帮助网站快速成型.设置样式隐藏表格上面总的选框thead.el-table-column
smileNicky·2021-06-02 11:06

vue 笔记（十四）vue+elementUI

ElementUI是饿了么基于Vue2.0的桌面端组件库，https://element.eleme.cn/#/zh-CN/component/installation下面进入实战，根据之前创建Vue-cli
孤注一掷 、·2021-05-31 18:17

Vue2.0敏捷学习及项目开发

Vue2.0敏捷学习####记录主线资料Vue2.0简单文档，vue2.0官方文档vue版本2.0引自cdn.bootcss.com/vue/2.1.3/vue.js学习始于2016年12月1日摘要##
Eriice·2021-05-20 23:30

Vue2.0 Foundation

1.基础指令v-model类似双向数据绑定。v-text操作元素中的纯文本，{{}}v-show通过设置DOM元素的display样式属性控制显隐。v-if动态的向DOM树内添加或者删除DOM元素。v-bind绑定html属性。v-for条件渲染指令，根据其后表达式的bool值进行判断是否渲染该元素。v-on监听DOM事件。过滤器filter:业务转换函数Component:组件系统，多用在单页面
Hi_透明色·2021-05-20 15:25

vue组件之间的通信:props方式、emit方式、ref方式

在Vue中组件实例之间的作用域是孤立的，以为不能直接在子组件上引用父组件的数据，同时父组件也不能直接使用子组件的数据情景1，父组件中调用子组件的方法并向子组件传参——ref声明下面说的是vue2.0的1
秋天下雨淋湿冬天·2021-05-20 13:51

vue06

vue06vue动画transition之前属性.fade-transition{}.fade-enter{}.fade-leave{}vue2.0以后运动东西(元素，属性、路由....)
追卓2018·2021-05-20 11:14

React学习JSX与虚拟DOM

React中有一个神奇的技术就是JSX，VUE2.0中引入也了React的JSX技术，但是React为什么要使用JSX技术呢？
殊一ONLY·2021-05-20 00:35

vue2.0项目中引入sass、less

一、vue2.0项目中引入sass预编译（1）安装依赖vue项目中想要使用sass,需要安装上node-sass、sass-loader和style-loader等模块。
夏日冰红茶·2021-05-19 17:33

vue2.0之keep-alive用法

1、使用场景项目中vue-router跳转的时候，很多时候有些页面需要被缓存,特别是一些需要初始化数据的组件参考：http://www.cnblogs.com/zion0707/p/6213159.html2、使用方法：首先在入口页面进行全部缓存标签即：解决有些不需要被缓存的组件页面设置activated即可以再次进行事件的响应官网api
叮小翠·2021-05-18 15:26

对于vue2.0同级组件间的通信介绍

对于较复杂项目建议使用vuex，对于简单不需太多通信的项目可以使用如下方法或者通过缓存传值。假使a.vue和b.vue是同级组件，现在需要在a、b间传值进行通通信首先家里一个空的all.vue文件作为中转站，然后把ab作为子组件在all.vue中引用然后a.vue和all.vue间使用子至父间的通信all.vue和b.vue进行父至子间的通信从而实现同级组件间的通信可参考http://blog.c
Eastblue·2021-05-17 03:24

vue2.0 如何把子组件的数据传给父组件？

在父组件App.vue中引用子组件A.vue，把A中的数据传给App.ps:没看父组件传给子组件的先看看去。1、代码子组件A.vue这里是子组件的内容点一下就传exportdefault{methods:{spot:function(){//与父组件通信一定要加上这句话this.$emit("spot",'我是子组件传给父组件的内容就我。。')}}}父组件App.vueimportAfrom'./
取个帅气的名字真好·2021-05-17 01:36

vue2.0实现购物车和地址选配功能

一、基础知识1、创建vue实例newVue({el:"#app",data:{},mounted:function(){},//相当于window.onloadfilters:{},computed:{},methods:{},})2、常用指令{{}}实现数据绑定v-model双向数据绑定，用于input，select，textareav-text文本绑定v-html解析成html代码v-bind
飞飞廉·2021-05-16 22:32

vue中踩的坑（转）

(foundinrootinstance)的错误，这里涉及到vue2.0与vue1.0的第一个不同的地方。具体区别独立构建vs运行时构建。解决方法为在webpack配置文件中添加如下配置项：r
小虾米前端·2021-05-16 16:55

vue项目构建过程

最近在学习vue2.0，写写用vue做项目的构建过程工欲善其事必先利其器1.环境配置node环境vueinstallvue-clivueinitwebpackmy-project//创建一个基于webpack
领家的小猫·2021-05-16 05:16

Vue 2.0 起步(3) 数据流vuex和LocalStorage实例 - 微信公众号RSS

参考：Vue2.0起步(2)组件及vue-router实例-微信公众号RSSVue2.0起步(1)脚手架工具vue-cli+Webstorm2016+webpack本篇主要介绍设计思路和过程。
非梦nj·2021-05-16 03:39

Vue2.0 初始化及简单绑定

vue的初始化vue的插值(angular里的表达式){{5*4}}{{[1,2,3].reverse().join("-")}}{{5>4?"真":"假"}}如何初始化一组数据初始化一组值后可以用插值输出newVue({//初始化Vue实例el:"#box",//指定挂载元素data:{//初始化数据msg:"HelloVue!!!"}}){{msg}}Vue绑定绑定属性列举上课的例子1,给sp
what__·2021-05-15 06:42

[翻译]React还是Vue：你该如何选择？

但是2016对Vue来说也是同样令人印象深刻的一年，它发布了Vue2.0版本并且在JavaScript社区引起了巨大反响，GitHub上多出的25000颗star就是最好的证明。
滚石_c2a6·2021-05-14 23:21

Vue(篇幅四)

关于如何学习Vue，Vue的缔造者尤雨溪前辈曾经在知乎发表过一篇新手向：Vue2.0的建议学习顺序。
HW_____T·2021-05-14 21:47

封装axios

自Vue2.0起，尤大大（Vue作者尤雨溪）宣布取消对vue-resource的官方推荐，转而推荐axios。现在axios已经成为大部分Vue开发者的首选。
champyin·2021-05-14 16:31

vue2.0移动端自定义性别选择提示框

这篇文章主要是简单的实现了vue2.0移动端自定义性别选择的功能，很简单但是经常用到，于是写了一个小小的demo，记录下来。
祈澈菇凉·2021-05-13 22:32

如何使用vue过滤器filter

概述在vue2.0之前，是有内置过滤器的，在2.0中已经没有内置的过滤器了，但我们可以自定义过滤器。
·2021-05-13 13:08

学习vue2.0笔记（第三章上）

模板渲染Paste_Image.pngvue2.0种，必须使用v-bind将变量渲染到属性中，列表渲染v-forPaste_Image.png也可以使用v-text方法Paste_Image.png加序号index，2.0需要先声明index，例如：为奇数项添加odd类Paste_Image.pngV-for进行对象渲染Paste_Image.pngPaste_Image.png引入组件：impo
这很重要吗·2021-05-12 18:29

Vue2.0的八种常用传值方式、父传子、子传父、非父子组件传值（最完整）

Vue2.0传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？
唯吾听烟雨·2021-05-12 11:28

Vue自定义v-has指令,做按钮权限判断的步骤

在Vue2.0中，代码复用和抽象的主要形式是组件
·2021-05-11 18:53

vue2.0/3.0的响应式原理及区别浅析

step一，vue2.0的响应式原理先看看官网的解释：当你把一个普通的JavaScript对象传给Vue实例的data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty
·2021-05-11 11:17

Vue搜索

这篇文章的代码源自智能社出品的Vue教程，由于视频录制于2016年，部分代码在vue2.0下会报错，这里已做了相应的调整；此外，还修正了一些语义不清晰
awesome_lewis·2021-05-09 15:55

vue2.0和3.0的响应式原理以及区别

step一，vue2.0的响应式原理先看看官网的解释：当你把一个普通的JavaScript对象传给Vue实例的data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty
郝峰Vip·2021-05-08 20:47

vue2.0和3.0的响应式原理以及区别

step一，vue2.0的响应式原理先看看官网的解释：当你把一个普通的JavaScript对象传给Vue实例的data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty
郝艳峰Vip·2021-05-08 20:49

element ui 使用说明

elementui简介Icon图标Button按钮Link文字链接Radio单选框TimePicker时间选择器DateTimePicker日期时间选择器elementui简介ElementUI是基于VUE2.0
mry6·2021-05-07 17:38

Vue2.0环境搭建

Vue2.0.png安装环境创建项目创建项目示例vueinitwebpackdemo_1安装依赖(在有package.json的目录中)npminstall安装vue路由模块vue-router和网络请求模块vue-resourcecnpminstallvue-routervue-resource--save启动项目npmrundev生成部署用的文件,成功生成dist目录npmrunbuild参考
amuqiao·2021-05-06 17:02

Vue 2.0 起步(4)第二版 轻量级后端Flask用户认证 - 微信公众号RSS

上一篇：Vue2.0起步(4)轻量级后端Flask用户认证-微信公众号RSS上一篇采用了Flask-JWTtoken验证。
非梦nj·2021-05-06 15:17
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他