#vue学习

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

Vue学习记录

vue结构：varvm=newVue({data:{//数据},methods{//方法区ss(){}},beforeCreate(){//这是我们遇到的第一个生命周期函数，实例完全被创建出来之前，会执行它},created(){//页面开始载入},beforeMount(){//页面模板已在内存中编译完成，但是尚未渲染，Vue中的数据还未与界面绑定},mounted(){//这是vue最后一个生
码农IT·2019-12-03 15:52

vue学习笔记1：vue的认识与特点与获取

Vue了解Vue：读作viewVue是一个渐进式框架与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。关于渐进式：意味着你可以把vue作为应用的一部分嵌套进去，带来更丰富的交互体验或者如果你希望将更多的业务逻辑使用vue来实
wbytts·2019-12-03 08:00

Vue学习笔记（八）：指令的本质

v-textv-html:XSS潜在风险v-show:display:nonev-ifv-else-if:不能单独存在v-else:不能单独存在v-forv-onv-bindv-modelv-slotv-pre:绕过{{}}编译过程。直接输出字符串v-cloak：使用频率很低v-once：用于性能优化语法糖：标志位自定义指令生命周期：bindinsertedupdatecomponentUpdat
smartHui·2019-12-02 04:10

老司机读书笔记——Vue学习笔记

Vue学习笔记这篇文章你将看到以下内容：一个iOS开发视角学习Vue需要学习的一些知识点Vue实例结构varvm=newVue({//样式表名el:'#example',//属性data:{message
老司机Wicky·2019-12-01 20:38

vue学习笔记(九)vue-cli中的组件通信

前言在上一篇博客vue学习笔记(八)组件校验&通信中，我们学会了vue中组件的校验和父组件向子组件传递信息以及子组件通知父组件(父子组件通信)，上一篇博客也提到那是对组件内容的刚刚开始，而本章博客将会重点的讲解
一只流浪的KK·2019-12-01 11:00

XBoot Vue学习笔记

XBootVue学习笔记post请求this.postRequest('/stageTemplate/getFrontStages',{project_id:v}).then(res=>{if(res.success
I_Gisvity·2019-12-01 01:25

Vue学习笔记：计算属性

使用函数的缺点如果我们想要将数据经过转化后再显示，或者多个数据结合起来进行显示，一般可以直接在数据渲染或者数据绑定的时候书写表达式如果表达式过于复杂，或者逻辑太多的时候，我们可以将其封装在函数里，写在methods选项里而，使用函数的话，每次调用都会重新计算一次，对于不经常改变的数据，使用函数会特别影响性能计算属性的简单使用将数据经过处理再显示出来，我们可以使用计算属性computed：计算属性是
wbytts·2019-12-01 01:00

Vue学习笔记：v-bind 属性动态绑定

v-bind的作用v-bind指令可以将节点的属性与动态表达式绑定在一起v-bind可以绑定html元素中的各种属性例如：xxx可以是data里的变量，也可以是函数等等语法糖v-bind可以简写成:即v-bind:xxx简写成:xxxclass属性动态绑定常见的写法：class可以绑定一个放着类名的数组，也可以绑定一个对象，或者对象也可以放在数组中对象中，键表示类名，值表示这个类是否进行启用对象语
wbytts·2019-11-30 18:00

vue学习笔记：数据渲染操作

{{xxx}}基本的插值表达式插值表达式使用两个大括号{{data中定义的数据名}}可以将数据插入到指定的位置这种写法不仅可以显示data属性里定义的值，也可以书写js中的表达式，可以使用methods中定义的函数等等其他数据渲染指令v-text：指定元素的内容（纯文本）v-html：指定元素的内容（解析html）v-pre：用于跳过这个元素和它的子元素的编译过程，用于显示原本的Mustache语
wbytts·2019-11-30 18:00

vue学习笔记：Hello Vue

编写简单例子，了解下基本语法{{message}}varvm=newVue({el:'#app',data:{message:"HelloVue!"},});在上述的代码里面，js脚本的地方，创建了一个Vue对象，其中el选项置顶了这个Vue对象管理的元素的id在app元素中，使用{{message}}的方式引用了定义在vue实例中的data属性里的变量值，并显示出来
wbytts·2019-11-30 18:00

vue学习笔记(八)组件校验&通信

前言在上一章博客的内容中vue学习笔记(七)组件我们初步的认识了组件，并学会了如何定义局部组件和全局组件，上一篇内容仅仅只是对组件一个简单的入门，并没有深入的了解组件当中的其它机制，本篇博客将会带大家深入了解组件的其它知识
一只流浪的KK·2019-11-30 16:00

Angular 学习思路

因为Vue学习难度不大，上手很快，代码简洁，而且使用Vue全家桶（Vue+Vue-Router+Axios+Vuex+Vue-Bus等）、再配合ElementUI等第三方UI组件库进行开发也是不错的选择
程序员搞艺术·2019-11-29 20:05

2018-05-VUE学习笔记

主要使用：vue官方文档basis声明式渲染特点：响应式（reactive）,在控制台改变参数的值，会同时更新在页面上,唯一例外是使用Object.freeze(),阻止响应追踪条件与循环指令：v-if,v-for处理用户输入指令：v-on（事件监听器）,如：v-on:click="oneMethod"组件化应用构建对此概念理解不深尽管这只是一个刻意设计的例子，但是我们已经设法将应用分割成了两个更
文袁·2019-11-29 18:18

vue学习笔记(七)组件

前言在前面vue的一些博客中，我们几乎将vue的基础差不多学习完了，而从本篇博客开始将会进入到vue的另一个阶段性学习，本篇博客的内容在以后的vue项目中占很大的比重，所以小伙伴们需要认真学习，本篇博客的内容也比较简单，看过我博客的人都知道我所写的每一篇博客都是非常的详细的，所以大家不要担心学不会。我会尽量将所学的知识讲解的通俗易懂，让大家学习起来更加快乐，那么一起来看看吧！本章目标学会使用全局组
一只流浪的KK·2019-11-28 21:00

Vue学习笔记进阶篇——列表过渡及其他

本文为转载，原文：Vue学习笔记进阶篇——列表过渡及其他本文将介绍Vue中的列表过渡，动态过渡，以及可复用过渡是实现。
ChainZhang·2019-11-28 03:16

Vue学习笔记:Vuex

为什么需要Vuex管理共享状态解决一份数据在多个组件中试用的困难系统化的状态管理，区别于小型状态过来底层设计模式：全局单例模式应用场景适合中大型项目；小项目反而会因为引入更多概念和框架而带来复杂性Vuex运行机制下图和state->vue->action流程差不多，只是多了个Mutations，用于Devtools监控调试。改图必须牢记。方能在后续编码中熟练运用。如何在Vue中使用Vuex准备工作
张飞洪[厦门]·2019-11-26 09:00

vue学习

一、什么是Vue.jsVue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。二、Vue的好处灵活，方便，简单，轻量，渐进式框架(方便项目增量开发
han-y·2019-11-25 13:42

Vue学习笔记:提升开发效率和体验的常用工具

Vetur用途：语法高亮标签补全，模板生成Lint检查格式化vscode环境配置文件文件-->首选项-->搜索veture（找不到需要自行安装）-->在setting.json中编辑配置文件代码如下：{"extensions.ignoreRecommendations":false,"team.showWelcomeMessage":false,"git.enableSmartCommit":tr
张飞洪[厦门]·2019-11-23 13:00

2019-11-20 Vue学习的第2天

今天开始学习vue的计算属性computed、侦听器watch、Class与Style绑定、组件。computed属性基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。computed属性默认只有getter，但是可以自主提供一个setter。侦听器watch，当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。由于文档只有少量说明，并且刚开始学，还不能熟
唧唧复唧唧丨·2019-11-20 20:55

vue学习(五)基础入门-基础知识(14)-VueCLI

VueCLIVueCLI使用前提VueCLI3初始化项目VueCLI2详解Vue运行过程VueCLI3
wuyxinu·2019-11-19 16:58

Vue学习笔记:Vue组件的核心概念(下)

1.双向绑定和单向数据流：本质上还是单向数据流视图数据v-model：仅仅是一个简写，用更少代码去实现功能。自定义事件.sync修饰符2.虚拟DOM及KEY属性作用jquery:vue:virtualdom新旧DOM树比较同层级比较：节点移动不带Key移动带Key移动插入有KEY(性能高)节点删除新建（算法因为同层级策略，无法达到最优解）3.如何触发组件更新数据驱动任何修改DOM的行为都是在作死！
张飞洪[厦门]·2019-11-19 09:00

vue学习笔记(五)条件渲染和列表渲染

前言在众多的编程语言中，我们的基础语法总是少不了一些专业语法，比如像定义变量，条件语句，for循环，数组，函数等等，vue.js这个优秀的前端框架中也有同样的语法，我们换一个名词，将条件语句改成专业词汇叫做条件渲染，循环语句改成专业词汇叫做列表渲染，这样比较舒服一点。本章目标学会条件渲染的使用学会可复用的key的使用学会列表渲染的使用条件渲染1.v-if的使用成绩为Aletvm=newVue({e
一只流浪的KK·2019-11-17 11:00
上一页 44 45 46 47 48 49 50 51 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他