vue学习

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

vue学习笔记（三）： 启动说明

1、启动页面：index.htmlhcmanage其中是用于挂载页面的2、启动js:main.jsimportVuefrom'vue'//引入vue.jsimportAppfrom'./App'//引入App.vueimportrouterfrom'./router'//引入router下的所有路由import'./plugins/element.js'//引入element-uiVue.conf
宙冰·2019-11-15 21:00

vue学习笔记（一）： 建立 vue-cli 初始网站

在安装vue-cli之前，要先安装node.js这个大家百度一下就可以了1、安装vue-clinpminstall-g@vue/cli-init2、初始化一个项目，名为hcmanage,并选择使用webpack打包方式vueinitwebpackhcmanage3、切换到hcmanage目录下cdhcmanage最终生成的网站文档结构如下4、启动hcmanage网站npmrundev执行结果如下：
宙冰·2019-11-15 18:00

Vue学习笔记

简介Vue.js是一套构建用户界面的渐进式框架，Vue只关注视图层，采用自底向上增量开发的设计，Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件创建vue项目vueinitwebpackvue_demoProjectname（工程名）:回车Projectdescription（工程介绍）：回车Author：作者名Vuebuild（是否安装编译器）:回车Installvue-r
小夏陌·2019-11-15 16:45

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

一、组件基础和注册组件概念组件系统是Vue的另一个重要概念，他的核心就是封装和复用。细节组件的name必须是全局唯一。二、属性、事件和插槽组件的三大核心概念：属性、事件和插槽。属性，事件，插槽好文1.属性1.1导言vue组件=vue实例=newVue(options)不同的组件只不过是options的不同，90%的工作都是围绕配置options来进行1.2分类2.事件事件冒泡阻止事件冒泡3.插槽分
张飞洪[厦门]·2019-11-14 09:00

vue学习

介绍兼容性：ie8+特点：1.声明式渲染只需要将vue实例中的变量声明在模块中即可{{message}}2.使用指令完成条件渲染和列表渲染3.双向数据绑定4.组件化（模块化）安装1)script只适合学习使用2)npm$npminstallvue--save3)脚手架无需安装只管使用vue实例对象1)实例化letvm=newVue({el,//用于表示模板data:{},//用于保存该vue实例的
芝士·2019-11-13 08:21

Vue学习笔记:基础篇之vue入门

为了建立高效团队，很多公司会采用全栈工程师，虽然利弊兼有，对于成本优先的创业团队，肯定是首选，特别是对.net生态圈，大部分都是小公司，就更加重要了。这里记录的是对vue的学习点滴，希望对你有所助力。1.简介更加轻量20kbmin+gizp渐进式框架【按需学习】响应式更新机制【数据驱动】学习成本低官网官网教程git学习资料2.内容介绍基础篇：Vue核心知识点生态篇：大型Vue项目所需的周边技术实战
张飞洪[厦门]·2019-11-13 08:00

Vue学习02

Vue创建项目#全局安装vue-cli$cnpminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project#这里需要进行一些配置，默认回车即可ThiswillinstallVue2.xversionofthetemplate.ForVue1.xuse:vueinitwebpack#1.0my-projectProjectn
淡无心·2019-11-12 11:00

Vue学习01

Vue安装1.独立安装，下载vue.js下载vue.min.js并用标签引入。2.使用CDN方法StaticfileCDN（国内）:https://cdn.staticfile.org/vue/2.2.2/vue.min.jsunpkg：https://unpkg.com/vue/dist/vue.js,会保持和npm发布的最新的版本一致。cdnjs:https://cdnjs.cloudflar
淡无心·2019-11-12 11:00

前端框架Vue学习06——过滤器的基本使用

过滤器：Vue.js允许自定义过滤器，可用作一些常见的文本格式化。过滤器可以用在两个地方：mustache插值（插值表达式）和v-bind表达式，过滤器应该被添加在js表达式的尾部，由管道符指示。过滤器调用的时候的格式：平时调用的时候直接将变量写在插值表达式中即可，如{{name}}，如果希望对name输出之前做进一步的处理，可以在name后面通过管道符的形式，给其添加一个过滤器，如{{name|
菜鸟都不行？·2019-11-11 19:32

Vue学习笔记(五)——配置开发环境及初建项目

前言在上一篇中，我们通过初步的认识，简单了解Vue生命周期的八个阶段，以及可以应用在之后的开发中，针对不同的阶段的钩子采取不同的操作，更好的实现我们的业务代码，处理更加复杂的业务逻辑。而在这一篇中，我们将通过配置vue的开发环境以及搭建项目，进一步的学习vue在开发中的使用方式。对于开发vue项目之前，我们需要进行vue环境配置，大致的将需要用到的工具进行归类总结如下：（可能还有其他的工具，或者配
艾三元·2019-11-10 09:00

vue学习之深入响应式原理

vue的响应式原理当你把一个普通的JavaScript对象传入Vue实例作为data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty把这些属性全部转为getter/setter。’Object.defineProperty是ES5中一个无法shim的特性，这也就是Vue不支持IE8以及更低版本浏览器的原因。这些getter/setter对用户来说是不可见的，但是
牛扎糖女孩·2019-11-08 14:00

vue学习笔记-遗留问题记录

Node.js是什么？对node.js的理解官网解释：Node.js是一个基于ChromeV8引擎的JavaScript运行时。这是一种通过JavaScript语言开发web服务端的东西Node是一个服务器程序。但是，基础Node产品肯定不像Apache或Tomcatnode.js有非阻塞，事件驱动I/O等特性，从而让高并发（highconcurrency）在的轮询（Polling）和comet构
taoweidong·2019-11-08 05:37

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

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

完全零基础搭建项目、安装新建Vue项目，上传Git

按部就班的学习方法，非常适合零基础的朋友，一起开始Vue学习：1.通过下载引用的方法使用Vue2.通过安装脚手架vue-cli新建项目3.建立一个练习文件夹，做不同的案例4.上传到git，哪里都可以练习
云想衣·2019-11-07 19:04

vue学习笔记(一)入门

前言随着前端不断的壮大，许多公司对于前端开发者的需求也越来越多了，作为一名优秀的前端工程师，如果连vue和react都不会的话，那真是out了，为什么那么说呢？这是我在招聘网站上截的一张图，十家公司有九家都是需要对vue或者react熟悉，当然仅仅熟悉肯定是不够的，毕竟掌握住了才能保住自己的铁饭碗，否则的话可能会被炒鱿鱼，精通vue或者react话就可能就需要很长时间了，反正我是不敢说精通，只能说
一只流浪的KK·2019-11-07 00:00

vue学习笔记-遗留问题记录

Node.js是什么？对node.js的理解官网解释：Node.js是一个基于ChromeV8引擎的JavaScript运行时。这是一种通过JavaScript语言开发web服务端的东西Node是一个服务器程序。但是，基础Node产品肯定不像Apache或Tomcatnode.js有非阻塞，事件驱动I/O等特性，从而让高并发（highconcurrency）在的轮询（Polling）和comet构
Taowd·2019-11-06 21:00

springboot+vue学习

书籍：SpringBoot+Vue全栈开发作者：王松第一章：SpringBoot入门1.1简介1.1.1优势快速构建项目通用性配置内嵌服务器1.2第一个springboot程序1.2.1创建maven工程目前使用IDEA较多，直接使用IDEA创建springboot工程第二章：SpringBoot配置2.1spring-boot-starter-parentspring-boot-starter-
java爱好者15·2019-11-06 11:09

vue学习笔记之指令v-text && v-html && v-bind详解

一：指令的概念：指令是vue自定义的以v-开头的自定义属性。每个不同的属性都有各自不同的意义和功能二：指令的语法：v-指令名=“表达式判断或者是业务模型中属性名或者事件名”三：具体指令v-text作用：操作元素中的纯文本快捷方式：{{}}栗子1简写形式：将v-text=""换成{{}}{{message}}varapp=newVue({el:'#app',data:{message:'hellow
zhangjingbibibi·2019-11-05 06:22

Vue学习系列(四)——理解生命周期和钩子

前言在上一篇中，我们对平时进行vue开发中遇到的常用指令进行归类说明讲解，大概已经学会了怎么去实现数据绑定，以及实现动态的实现数据展示功能，运用指令，可以更好更快的进行开发。而在这一篇中，我们将通过实例，探究vue的生命周期。万物皆有灵，世间万物都拥有灵魂，小到山河湖海，花草树木，蚂蚁到人类，以及所有的动植物，大到地球星空和宇宙，都拥有灵魂，可以说他们都是有生命的，只是他们的生命形态是我们人类所不
艾三元·2019-11-03 17:00

02-Vue学习之$watch

1.$watch监听数据的变化,通俗点来讲就是观察一个值的变化，观察的这个值一变化的话，那么就执行function里面的语句。官网中是这么说的：除了数据属性，Vue实例还暴露了一些有用的实例属性与方法。它们都有前缀$，以便与用户定义的属性区分开来。例如：$watch可以观察Vue实例变化的一个表达式或计算属性函数：1.监听属性的变化，两个参数，参数1：要监听的对象;参数2：监听的函数，函数中有两个
扁扁的汤圆·2019-11-02 03:03

vue学习篇——前后端分离开发

0复习Vue1MVVM：前端的设计模式，他实现了双向数据绑定，他与MVC有什么框架？MVC是没有实现双向数据绑定2双向数据绑定：当model数据发生改变之后，页面view层自动改动；当页面数据发生改变的时候，model层数据也会接收到变化3生命周期钩子函数：created：newvue（）执行完成，在双向数据绑定之前，通常用来获取数据，紧跟着就可以进行双向绑定注：回顾下vue的8个钩子函数4指令：
一名努力的小码农·2019-10-31 19:47

Vue学习总结之HelloWorld

简单介绍一下自己，我是一名Android开发工程师，15年来到现在的公司，负责研发部移动互联网的产品开发。公司是一家专业从事车载无线数传、视频采集和卫星定位智能监控产品的研发、生产、营销和运营为一体的国家高新技术企业。公司的app主要是使用原生开发，而我便同时兼任两个平台的开发----Android、IOS。为了提高开发效率，减少时间及维护成本，公司决定使用当前主流的前端技术框架，而我为了进一步提
IT码哥·2019-10-31 16:29

vue学习（2）-Element组件使用

参考Element官网：http://element.eleme.io/#/zh-CN/component/installation使用elementui进行开发，能vue完美的结合在一起。反正他们是这么说的️npm安装elementnpmielement-ui-S引入element在main.js中添加importElementUIfrom'element-ui'import'element-u
詹大米在疗伤·2019-10-31 09:48

vue学习

文章目录vue入门指令绑定样式元素绑定class样式元素绑定style样式过滤器字符串补充数组补充按键修饰符自定义指令vue生命周期vue-resource基本使用组件创建组件方式私有组件组件切换父组件向子组件传递非父子组件间数据传值ref获取DOM元素和组件引用前端路由和后端路由什么是路由vue-router基本使用watch、computedwebpack什么是webpack使用webpack
刘_杨·2019-10-30 22:07

avue

关闭严格模式参考地址：https://blog.csdn.net/shangyadongze/article/details/80565068avue学习参考地址：官网：https://avuejs.com
baidu_41601299·2019-10-30 13:34

Vue学习系列(三)——常用指令方式

前言在上一篇中，我们已经对组件有了更加进一步的认识，从组件的创建构造器到组件的组成，进而到组件的使用,.从组件的基本使用、组件属性，以及自定义事件实现父子通讯和巧妙运用插槽slot分发内容，进一步的认识到组件在Vue中的核心地位.。而今天，我们将对vue中的基本指令进行了解汇总，何为指令？指令在Vue中是个很重要的功能，在Vue项目中是必不可少的。根据官网的介绍，指令(Directives)是带有
艾三元·2019-10-27 20:00
上一页 44 45 46 47 48 49 50 51 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他