vue学习

Vue学习笔记（二）

计算属性模板内的表达式非常便利，如果在模板中放入太多的逻辑并且多次引用会让模板过重且难以维护，所以在此时应当使用计算属性。基本使用具体代码：{{name+''+age+'岁'}}{{info}}constapp=newVue({el:'#app',data:{name:'zww',age:20},computed:{info(){returnthis.name+''+this.age+'岁'}}}
LqZww·2019-12-26 17:00

vue学习笔记

vue:读音:v-u-eviewvue到底是什么?一个mvvm框架(库)、和angular类似比较容易上手、小巧mvc:mvpmvvmmv*mvx官网:http://cn.vuejs.org/手册：http://cn.vuejs.org/api/vue和angular区别?vue——简单、易学指令以v-xxx一片html代码配合上json，在new出来vue实例个人维护项目适合:移动端项目,小巧v
smallBear·2019-12-26 11:05

vue学习之vue-router使用整理笔记

用Vue.js+vue-router创建单页应用，是非常简单的，基本是这样的：组件→路由→渲染地方路由的使用HelloApp!默认会被渲染成一个``标签-->GotoFooGotoBar//0.如果使用模块化机制编程，導入Vue和VueRouter，要调用Vue.use(VueRouter)//1.定义（路由）组件。//可以从其他文件import进来constFoo={template:'foo'
阿go·2019-12-25 17:40

Vue学习的demo编写记录

Vue指令之跑马灯效果Demo给【启动】按钮，绑定一个点击事件v-on/@在按钮的事件处理函数中，写相关的业务逻辑代码：拿到msg字符串，然后调用字符串的substring来进行字符串的截取操作，把第一个字符截取出来，放到最后一个位置即可；start(){varstart=this.msg.substring(0,1);varend=this.msg.substring(1);this.msg=e
Mr_____Wang·2019-12-25 04:33

vue学习

文本数据绑定的常见形式：双大括号。无论何时，绑定的数据对象上msg属性发生了改变，插值处的内容都会更新。通过使用v-once指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。但请留心这会影响到该节点上所有的数据绑定：这个将不会改变:{{msg}}v-bind:与v-on:的缩写方法，计算属性和方法，与缓存的关系computed/methods，另外计算属性的使用，可以像使用data
喝牛奶对身体好·2019-12-24 21:07

Vue学习笔记Day04

1、组件化开发创建组件构造器：组件标题组件内容consttestComponent=Vue.extend({template:'模板名'}):Vue.extend()是一个组件构造器函数，template是自定义组件模板注册组件：Vue.component=('cpn',testComponent);cpn是自定义标签，在调用该组件时直接在html中插入该标签即可，组件调用必须在挂载的vue实例下
安定-·2019-12-24 21:00

vue学习之路（一）:搭建vue项目

开源地址：https://github.com/bigbeef个人博客：http://blog.cppba.com1.安装nodejs网上很多教程，也很简单，官网下载下来一直点“下一步”就行了2.安装npmnodejs默认会集成，运行命令npm-v查看是否输出版本信息，如果没有，需要手动安装2.安装vuejs安装淘宝cnpm(国内仓库，提高下载速度)npminstall-gcnpm--regist
大黄蜂coder·2019-12-24 17:25

Vue学习笔记Day03

1、ES6相关新特性let的使用：let是更完美的var；在使用var声明变量时，变量的作用域主要是和函数的定义相关，针对与其他块级作用域来说是没有作用域的，比如if/for等，在这时我们开发往往会引起一些问题。比如：但使用let的话就避免了这些问题const的使用：上面说到let是声明变量时的用法，那么当我们修饰的标识符不会被再次赋值时，就可以使用const来保证数据的安全性，所以在ES6开发中
安定-·2019-12-24 17:00

vue学习笔记（五）

一、vue模块化开发所谓的模块化开发是指将不同的部分封装到不同的模块中，不再将所有的组件、路由等写在一个页面中。各模块各司其职，提高开发效率。使用vue-cli生成的项目目录里，我们主要关注src目录。1.main.js文件main.js是整个项目的入口文件，vue-cli自动生成的文件内容如下：importVuefrom'vue'importAppfrom'./App'importrouterf
间阳幕宾·2019-12-24 09:40

Vue学习笔记-数组操作

变异方法push()方法可向数组的末尾添加一个或多个元素，并返回新的长度。pop()方法用于删除并返回数组的最后一个元素。shift()方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。unshift()方法可向数组的开头添加一个或更多元素，并返回新的长度。splice()方法向/从数组中添加/删除项目，然后返回被删除的项目。sort()方法用于对数组的元素进行排序。reverse()方
赵客缦胡缨v吴钩霜雪明·2019-12-24 04:37

Vue 学习笔记02 —— my-project 示例项目分析

通过Vue学习笔记01——开发环境搭建我们创建了一个my-project。我们需要对项目的结构进行了解才能更好的进行vue项目的开发。
Laughingg·2019-12-24 03:00

vue学习总结

之前学习vue的路程是这样的，一开始帮别人改vue的bug，顺路看看整个项目结构，不会的地方直接上官网看一下，后来就按照之前见过的套路写了两个项目。国内vue市场太大了，借着辞职的这段时间从github找了几个vue的项目学习了一下，看了别人的项目结构比自己之前的好很多。可能不是最优的方案但是还是值得自己去学习一下的目录结构image.pngapi存放接口的地方image.pngstore(vue
你是一匹马·2019-12-24 02:17

vue学习笔记（四）

一、vue-router1、简介我们经常使用vue开发单页面应用程序（SPA）。开发SPA过程中，路由必不可少，vue的官方推荐是vue-router。单页面应用程序看起来好像是一个页面，其实是在一个页面中切换不同的html部分，从而达到所谓的单页面,在这切换之中，就需要使用路由来实现不同的页面内容的展现。2、基本用法（1）.使用步骤vue-router的基本使用步骤如下：定义需要切换的组件配置路
间阳幕宾·2019-12-23 19:58

[vue学习]一、环境安装

1.环境node[https://nodejs.org/dist/v8.9.1/node-v8.9.1-x64.msi]vscode[https://vscode.cdn.azure.cn/stable/dcee2202709a4f223185514b9275aa4229841aa7/VSCodeSetup-x64-1.18.0.exe]安装上面的两个软件，查看node是否安装成功的方式是执行以下
诸葛_小亮·2019-12-21 18:07

Vue学习心得

1.Vue构造器中有一个el参数，它是DOM元素中的id。2.其中vm构造器里data的属性和自定义data中的属性是相同的指向，vm构造器自带的属性也可以直接使用，但是要加$符号。vardata={site:"菜鸟教程",url:"www.runoob.com",alexa:10000}varvm=newVue({el:'#vue_det',data:data})document.write(v
米兰爹地·2019-12-21 02:04

vue学习更新。。。

vue学习：props，scope，slot，ref，is，slot，sync等知识点1、ref：为子组件指定一个索引ID，给元素或者组件注册引用信息。refs是一个对象，包含所有的ref组件。
木毅成舟·2019-12-21 00:55

Vue.js学习笔记（6）

©fengyu学习又是一个周末，继续我的Vue学习之旅上次学习了一些v-if的用法，这回又轮到谁了呢？
封小胖·2019-12-20 12:37

vue学习笔记（二）

一、vue生命周期vue实例从创建到销毁的过程，称为生命周期，共有八个阶段。这八个阶段里分别有一个叫做钩子函数的实例选项。供用户在相应的阶段对其进行操作。beforeCreate(){//组件实例刚刚创建，还未进行数据观测和事件配置},created(){//实例已经创建完成，并且已经进行数据观测和事件配置},beforeMount(){//模板编译之前，还没挂载},mounted(){//模板编
间阳幕宾·2019-12-20 04:56

Vue学习笔记（一）

Vue是什么Vue是一套用于构建用户界面的一个渐进式框架。“渐进式框架”和“自底向上增量开发的设计”这两个概念是什么？Vue具有很多特点和Web开发中常见的高级功能，如：解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOMVue与其他库/框架的区别：与Vue的对比Vue的安装方式下载与引入开发版本生产版本CDN#开发环境版本：包含有帮助的命令行警告#生产环境版本：优化了大小和速度#对于生产环境
LqZww·2019-12-20 00:00

Vue学习笔记入门篇——组件的通讯

本文为转载，原文：Vue学习笔记入门篇——组件的通讯组件意味着协同工作，通常父子组件会是这样的关系：组件A在它的模版中使用了组件B。
ChainZhang·2019-12-19 13:03

Vue2.0—— 搭建Vue脚手架（vue-cli）

ps:想了解更多vue相关知识请点击VUE学习目录汇总Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。
古德毛宁_39de·2019-12-19 08:47

vue学习02:vue的css,引入scss/less/styles

一:关于vue-loader1.在讲如何在vue项目中使用scss之前，我们先来简单了解一个概念，那就是vue-loader。vue-loader是什么东西呢？vue-loader其实就是一个webpack的loader。用来把vue组件转换成可部署的js,html,css模块。所以我们如果要想再vue项目中使用scss,肯定要告诉vue-loader怎么样解析我的scss文件。二.引入sass/
陌上桑_浅·2019-12-18 20:03

Vue学习笔记Day2

1、mustache语法如何将data中的文本数据插入到HTML中？通过使用mustache语法(也就是双大括号)，将data中的变量名插入到HTML元素中，显示在页面上。如下图：并且数据是响应式的，只要修改了data中的数据，都可以自动更新到HTML元素中并渲染在页面上。2、v-once指令一般情况下可以使用mustache语法将data中的数据插入到HTML元素中渲染到页面上，但是在某些情况下
安定-·2019-12-17 17:00

vue学习大纲7:vuejs核心和vue.js的devtools安装

vuejs核心：数据驱动组件化数据驱动DOM是数据的一种自然映射即：数据驱动dom变化，dom是数据的一种自然映射他也会对操作做一些监听，当我们修改视图的时候，vuejs监听了这些变化，才会改变数据；以上就形成了数据的双向绑定；组件化目的：扩展html元素，封装可重用的代码组件设计原则：1、页面上每个独立的可视／可交互区域视为一个组件2、每个组件对应一个工程目录，组件所需的各种资源在这个目录下就近
张蕾_·2019-12-17 07:45

Vue学习笔记3

Class与Style绑定绑定HTMLClass1.对象语法varvm=newVue({el:'#app',data:{isActive:true,hasError:true}绑定的数据对象可以不用内联定义在模板里，可以如下定义：varvm=newVue({el:'#app',data:{classObject:{active:true,'text-danger':true}}})2.数组语法我们
qfstudy·2019-12-17 05:38

VUE 初识

目录前台三大框架：angular、react、vueVUE学习要点：Vue简介：Vue是渐进式JavaScript框架一、走进Vue二、Vue实例四、Vue指令前台三大框架：angular、react、
AllenCH·2019-12-17 00:00

Vue学习笔记Day1

1、vue初时vue安装三种方式：1：CDN引入以下推荐国外比较稳定的两个CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。StaticfileCDN（国内）:https://cdn.staticfile.org/vue/2.2.2/vue.min.jsunpkg：https://unpkg.com/vue/dist/vue.js,会保持和npm发布的最新的版本一致。cdnjs:https
安定-·2019-12-16 13:00

Vue学习笔记Day1

1、vue初时vue安装三种方式：1：CDN引入以下推荐国外比较稳定的两个CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。StaticfileCDN（国内）:https://cdn.staticfile.org/vue/2.2.2/vue.min.jsunpkg：https://unpkg.com/vue/dist/vue.js,会保持和npm发布的最新的版本一致。cdnjs:https
安定-·2019-12-16 13:00

Vue学习笔记进阶篇——Render函数

本文为转载，原文：Vue学习笔记进阶篇——Render函数基础Vue推荐在绝大多数情况下使用template来创建你的HTML。
ChainZhang·2019-12-16 08:53

VUE学习笔记005 动态绑定class v-bind:class{changeColor:true,changeLength:true}

style.css内容.changeColorspan{background:green;}.changeLengthspan:after{content:'length';margin-left:10px;}定义class的css是用点：“.”，如.footer/////////定义id的css是用井号“#”，如#footerHenry#####################newVue({e
梦想_15eb·2019-12-15 12:43

vue学习笔记（一）

computed(计算属性)vsmethods计算属性与方法的对比两者可以相互替代，最终结果都是一样的，不同的是计算属性基于它的依赖缓存，计算属性只有它的依赖发生改变时才会从新取值，即时num不放生改变，即直接取值，多次访问则直接从缓存取值，不会重新计算。相比之下methods在每次重新渲染时，总会重新执行函数//jsvarvm2=newVue({el:'#exa2',data:{num:3},/
zhifeichuan·2019-12-15 10:42

Vue学习笔记之搭建vue项目

一、安装node环境1、下载地址为：https://nodejs.org/en/2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功image3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/输入：npminstall-gcnpm–registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到np
赵客缦胡缨v吴钩霜雪明·2019-12-14 23:43

Vue学习（起步）-- Nuxt.js搭建美团网

欢迎阅览作者介绍：本人Java特工，代号：CrisLi；中文名：克瑞斯理地址:https://www.jianshu.com/u/c508b0afaaeeCSDN地址:https://blog.csdn.net/jianli95个人纯洁版博客:https://lijian69.github.io/blog/Vue项目的创建一、Vue项目的创建本博客主要采用最新的Vue-cli4脚手架进行Vue项目
消失的码农·2019-12-14 23:44

vue学习笔记(十)路由

前言在上一篇博客vue学习笔记(九)vue-cli中的组件通信内容中，我们学习组件通信的相关内容和进行了一些组件通信的小练习，相信大家已经掌握了vue-cli中的组件通信，而本篇博客将会带你更上一层楼，
一只流浪的KK·2019-12-14 22:00

Vue学习日记（二）——Vue核心思想

前言Vue.js是一个提供MVVM数据双向绑定的库，其核心思想无非就是：数据驱动组件系统数据驱动Vue.js的核心是一个响应的数据绑定系统，它让数据与DOM保持同步非常简单。在使用jQuery手工操作DOM时，我们的代码常常是命令式的、重复的与易错的。Vue.js拥抱数据驱动的视图概念。通俗地讲，它意味着我们在普通HTML模板中使用特殊的语法将DOM“绑定”到底层数据。一旦创建了绑定，DOM将与数
javascript痴痴·2019-12-14 13:00

vue学习之简单购物车实现

今天根据京东购物车截图，实现下面框出来的几个简单功能。京东购物车一、vue环境的搭建和项目新建这里可以看我之前的文章vue环境搭建+项目新建二、大致思路（1）根据上面的截图，要写一个循环列表，这里引用bootstrap中table样式。然后把表格分为6列，确认好表头：表格列（3）遍历数据之前，先准备好json文件，里面写好各个商品的信息，然后使用axios实现数据初始化，将获取的数据赋值给prod
Mango97·2019-12-14 11:04

「Vue学习笔记」学习Vue响应式原理

太久没有拓展自己的知识，这次从简单的Vue响应式开始。以下是简单的模拟一个利用Object.defineProperty方法进行数据绑定，实现响应式的方法。//dependency订阅者收集//用于收集属性的订阅者classDep{constructor(){this.subs=[];}addSub(sub){this.subs.push(sub)}//通知订阅者notify(){this.sub
这名字真不对·2019-12-14 04:01

1.Vue系列之初识vue

Vue学习起来非常简单，本教程基于Vue2.1.8版本测试。我们采用直接引入js的方式进行使用的方式
国子监大门口·2019-12-14 02:53

Vue学习日记（三）——Vue路由管理vue-router

前言为了给读者更好的体验，去理解vue-router和下一篇介绍vuex，决定还是来一个实战教程来带大家更加的去深入理解vue-router，在这之前，读者先自行了解和去官网下载npm和node，附：npm官网项目构建这里我采用vue-cli+webpack构建初始项目，在vue官网里面也有相关介绍，在这里我就手把手教大家一下吧，先通过控制台进入相关的文件目录下，然后输入#后面是注释#$表示当前文
龙象般若功·2019-12-13 20:00

基于vue-cli构建vue-router的入门级demo

前言本案列仅针对刚刚入门vue学习的伙伴，博主也是刚刚在学基于vue-cli搭建脚手架项目，对于前端大牛，可以移步。
与f·2019-12-13 15:00

Vue学习笔记一：Vue基础环境搭建及相关文件说明

一、前言说明去年有个项目有用到Vue，当时太忙一直没有总结。今年下半年再次使用Vue时竟有些生疏，故还是写成博客记录之，以便日后再来看时能迅速记起。首先要安装webpack、nodejs。npm是node的包管理工具，其服务器在国外，有时候安装依赖会很慢，可以安装cnpm（淘宝的npm镜像），其安装步骤为：（1）cmd下直接安装：npminstall-gcnpm--registry=https:/
爱睡懒觉的老舅·2019-12-12 11:10

【vue学习】渲染函数&jsx

Vue推荐在绝大多数情况下使用模板来创建你的HTML。然而在一些场景中，你真的需要JavaScript的完全编程的能力。这时你可以用渲染函数先贴官网地址：渲染函数&jsx官网简单案例h1~h6模板写法imagerender写法image调用imageVue-render函数imagecreateElement创建虚拟DomcreateElement到底会返回什么呢？其实不是一个实际的DOM元素。它
豆浆牛奶宝宝·2019-12-12 04:28

vue学习知识整理及扩展

Vue知识点的总结Vue中的指令及其基本语法：第一步：从官网上下载vue开发版本的js文件引入js文件语法：Varvm=newVue({El:”#app”,//el相当于element查找方式为queryselector方式//注意用逗号隔开Data:{},Methods:{},Computed:{}})具体指令：1,v-text:这个指令相当于js中innertext，且只对元素起作用，不对属性
往前走莫回头_2cd6·2019-12-12 03:25

Vue学习笔记进阶篇——单元素过度

本文为转载，原文：Vue学习笔记进阶篇——单元素过度概述Vue在插入、更新或者移除DOM时，提供多种不同方式的应用过渡效果。
ChainZhang·2019-12-12 01:32

vue学习笔记-写一个todolist

相信很多前端小盆友在刚刚过去的2016年都看到过这样一片文章在2016年学JavaScript是一种什么样的体验？图片来源于网络确实在刚刚过去的一年前端方面涌现出许多新鲜的技术或者许多技术在社区取得了巨大的发展进步,社区资料显示出2016年最流行的前端框架是Vue.JS,因为公司项目没有涉及所以也没有深入了解,文档读了许多遍还只停留在前几节(惭愧状-_-||)心塞塞最近趁年后回来公司没什么任务好好
牛油果大虾·2019-12-12 00:48

Vue学习笔记之路由（二）

vue路由的使用vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。本文将以示例的形式来介绍vue-router的各个特性，一共包含6个
赵客缦胡缨v吴钩霜雪明·2019-12-08 15:08

vue学习笔记

安装nodejs官网：https://nodejs.org/en/download/安装cnpm：npminstall-gcnpm--registry=https://registry.npm.taobao.org安装webpackcnpminstallwebpack-g安装vue-cli安装：cnpminstall--globalvue-cli升级到3.0：cnpmi-g@vue/cli创建el
禾白小三飘·2019-12-08 07:04

vue学习一、vue脚手架搭建及各种雷区

为什么要用Vue脚手架：用VUE开发，当然不能只满足于小打小闹地引用个文件而已，我们必须先搭建项目运行环镜，其好处有如下几点：一、B格满满，再也不用为IIS、LNMP、ANMP各种配置发愁了，npmrundev热启动，简直是调试神器！二、再也不用到处找各种支持库或环境包，缺啥东东，就用npm安装啥，在我眼中，npm的那一端简直是一座银行，要啥有啥，还是无限存款，不担心出错。三、webpack打包，
徐卫华的前端笔记·2019-12-08 06:49

Vue学习笔记进阶篇——函数化组件

本文为转载，原文：Vue学习笔记进阶篇——函数化组件介绍之前创建的锚点标题组件是比较简单，没有管理或者监听任何传递给他的状态，也没有生命周期方法。它只是一个接收参数的函数。
ChainZhang·2019-12-06 17:58

Vue学习(三)-v-bind指令学习

二，v-bind动态绑定属性v-bind语法动态绑定一个标签的属性只要一个属性被加v-bind，该属性的值就会被当成模板变量解析varapp=newVue({el:'#app',data:{img1:'imgs/1.jpg'},})语法糖写法......v-bind对象语法class后面填写的是一个对象用法一：绑定一个类，根据active的值来选择留下还是删除你好用法二：传入多个值你好用法三：和c
菜鸟怪物·2019-12-05 10:14
上一页 43 44 45 46 47 48 49 50 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他