#vue学习

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

Ant Design Pro Vue学习总结。（更新中..）

AntDesign是蚂蚁金服体验技术部打磨出一个服务于企业级产品的设计体系，通过模块化解决方案降低生产成本。前端实现涵盖了reactvueangular等三大框架。ANTDPROVUE是AntDesign的vue实现，开发企业级后台产品。安装antprovue是一套基于AntDesignVue的中后台管理控制台的脚手架。直接从GitHub仓库中直接安装最新的脚手架代码。$gitclone--dep
BYh_blog·2019-10-23 17:16

基于vue.js官方文档及查阅多方资料整理vue学习笔记

vue学习笔记引入vue标签：需要下载官方vue.js版本，然后通过标签在**.html**文件里引入NPM：CDN：直接复制CLI命令行工具：直接创建.vue文件引入成功，在控制台会出现这两条警告：注意点
CV程序猿·2019-10-23 17:07

vue学习

最近在前后端分离的学习中逐步找到了乐趣，并且不知不觉对前端也产生了一些学习的冲动，经过一系列的咨询，最终决定从学习vue开始。感谢在本文中涉及到的各位博客大神的指导（可以通过本文中的链接进一步学习大神们的思想），站在巨人的肩膀上学习，是一种莫大的幸福。以下内容时基于vue2.x版本学习。一、准备知识1)vscode快捷键https://www.cnblogs.com/weihe-xunwu/p/6
lennar92·2019-10-22 19:00

VUE学习（六） 高德地图常用功能总结

项目中使用地图的场景比较多，将常用的功能整理一下，方便后期使用。目录1.地图的引入2.地图在页面显示3.点标记3.1快速点标记3.2点标记详细配置4.圆形、方形、多边形标记4.1创建圆形4.2创建多边形4.3创建长方形5.地图操作5.1清空地图5.2清空单个图形对象5.3地图最佳视野调整5.4地图点击事件6.路径规划6.1已知起点终点，自动规划6.2手动在地图上点击起点和终点1.地图的引入高德地图
两个娃他爹·2019-10-21 10:33

30 道 Vue 前端面试题，内含详细讲解，助你前端vue学习起飞

前言本文以前端面试官的角度出发，对Vue框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下Vue掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的Vue掌握程度有一定的认识，对缺漏之处进行弥补，对Vue有更好的掌握。文章最后一题，欢迎同学们积极回答，分享各自的经验~~~1、说
李晓伟·2019-10-21 02:14

Vue学习系列(二)——组件详解

前言在上一篇初识Vue核心中，我们已经熟悉了vue的两大核心，理解了Vue的构建方式，通过基本的指令控制DOM,实现提高应用开发效率和可维护性。而这一篇呢，将对Vue视图组件的核心概念进行详细说明。什么是组件呢？组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素。为什么要用到组件呢？为了可重用性高，减少重复性开发，让我们可以使用独立可复用的小组件来构建大型应
艾三元·2019-10-20 17:00

vue学习记录(二)---自定义指令，组件

一、自定义指令1、全局自定义指令{{msg}}//每个钩子的参数都是(el、binding、vnode和oldVnode),名称是bill但是使用的时候需要用v-bill进行使用，如果是驼峰命名法，那么就用-进行连接Vue.directive('bill',{bind(){//全局绑定元素时调用，只调用一次,如果没有调整的话，会一直保存console.log('bind',arguments);}
yuf_ricky·2019-10-20 00:00

vue学习记录(二)---自定义指令，组件

一、自定义指令1、全局自定义指令{{msg}}//每个钩子的参数都是(el、binding、vnode和oldVnode),名称是bill但是使用的时候需要用v-bill进行使用，如果是驼峰命名法，那么就用-进行连接Vue.directive('bill',{bind(){//全局绑定元素时调用，只调用一次,如果没有调整的话，会一直保存console.log('bind',arguments);}
yuf_ricky·2019-10-20 00:00

从零开始的vue学习笔记（八）

前言今天花一天时间阅读完VueRouter的官方文档的基础部分，简单的做一下总结和记录VueRouter是什么VueRouter是Vue.js官方的路由管理器，用于构建单页应用(SPA)。地址栏url的变化并不会去发请求去服务器取新的页面，而是按需加载局部组件，看起来就像无刷新一样。包括的功能包括：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js过渡系统的视图过
西街二叔·2019-10-18 11:00

从零开始的vue学习笔记（七）

前言今天花一天时间阅读完vuex的官方文档，简单的做一下总结和记录Vuex是什么Vuex是一个专为Vue.js应用程序开发的状态管理模式，以前的符合“单向数据流”理念的示意图：它包含三个部分：state，驱动应用的数据源；view，以声明方式将state映射到视图；actions，响应在view上的用户输入导致的状态变化。当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：多个视图
西街二叔·2019-10-15 22:00

从零开始的vue学习笔记（六）

混入混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。简单解释就是把一个Vue组件中的内容提供给别的组件来用。例子：//定义一个混入对象varmyMixin={created:function(){this.hello()},methods:{hello:function(){console.log('hellofrommixin!')}}}//定义一个使用混入对象的组件
西街二叔·2019-10-14 14:00

Vue学习系列(一)——初识Vue.js核心

前言vue.js是一套构建用户界面的渐进式框架，vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。vue通过DOM事件操作和指令来进行视图层和模型层的相互通讯，会为每一处需要动态更新的DOM节点创建一个指令对象。每当一个指令对象观测的数据变化时，它便会对所绑定的目标节点执行相应的DOM操作。基于指令的数据绑定使得具体的DOM操作都被合理地封装在指令定义中，业务代码只需要
艾三元·2019-10-13 17:00

从零开始的vue学习笔记（五）

单文件组件Vue.component来定义全局组件的缺点：全局定义(Globaldefinitions)强制要求每个component中的命名不得重复字符串模板(Stringtemplates)缺乏语法高亮，在HTML有多行的时候，需要用到丑陋的不支持CSS(NoCSSsupport)意味着当HTML和JavaScript组件化时，CSS明显被遗漏没有构建步骤(Nobuildstep)限制只能使用
西街二叔·2019-10-12 16:00

从零开始的vue学习笔记（四）

组件注册组件名Vue.component('my-component-name',{/*...*/})这里的my-component-name就是组件名，组件名的取法可以参考指南kebab-case写法（-连接单词）推荐的写法定义：Vue.component('my-component-name',{/*...*/})用法：PascalCase写法（单词首字母大写）Vue.component('M
西街二叔·2019-10-11 20:00

从零开始的vue学习笔记（三）

事件处理v-on指令监听DOM事件，并在触发时运行一些JavaScript代码，示例：Greetvarexample2=newVue({el:'#example-2',data:{name:'Vue.js'},//在`methods`对象中定义方法methods:{greet:function(event){//`this`在方法里指向当前Vue实例alert('Hello'+this.name+
西街二叔·2019-10-10 19:00

从零开始的vue学习笔记（二）

数据与方法当一个Vue实例被创建时，它将data对象中的所有的属性加入到Vue的响应式系统中。data的数据和视图同步更新。实例创建后添加一个新的属性，对这个属性的的改动将不会触发任何视图的更新。如果需要一个属性，但是一开始它为空或不存在，仅需要设置一些初始值。Object.freeze()方法可以阻止修改现有的属性除了数据属性，Vue实例还包含实例属性与方法，前缀为$，例如：vm.$data，v
西街二叔·2019-10-10 14:00

vue学习笔记

开始：引入vue包varapp=newVue({el:'#app',绑定id或者classdata:{},//所有计算属性都以函数的形式写在computed李})v-if:比较用的v-html:把写的以html格式表示出来v-bind:绑定HTML属性如idclass缩写“:”v-on:绑定事件监听器缩写：“@”v-bind绑定class:1：可以与普通class共存改变false和true确定是
前端切图仔·2019-10-10 10:39

从零开始的vue学习笔记（一）

前言项目要用vue.js，今天开始自学vue.js官方教程，记录下自己的学习摘要，方便后面查阅Vue.js是什么Vue是一套用于构建用户界面的渐进式框架，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用(SPA)提供驱动。安装直接引入直接下载开发版的
西街二叔·2019-10-08 17:00

mpvue学习之路

前面同志分享的步骤和现阶段有些差异：本人现阶段学习的是v2.0.0文档：http://mpvue.com/mpvue/quickstart.htmlmpvue是美团点评团队出品的小程序框架传送门：https://www.jianshu.com/p/8f779950bfd9WePY是由腾讯团队推出的小程序组件化开发框架image.pnguni-app是一个使用vue.js开发所有前端应用的框架，开发
拾钱运·2019-10-08 16:47

Vue v-for使用 vue中循环输出数据

}{{v.id}}{{v.name}}{{title}}varapp=newVue({//elementel:'#ask',data:{title:'简单记录',list:[{id:11,name:'vue
Tommy_marc·2019-10-06 15:00

Vue组件学习

Vue学习：（一）Vue入门学习（二）Vue指令学习（三）Vue组件学习1、通过Vue的component方法来定义一个全局组件。//定义全局组件，两个参数：1，组件名称。
hwt1070359898·2019-10-06 12:10

Vue指令学习

Vue学习：（一）Vue入门学习（二）Vue指令学习（三）Vue组件学习1、{{}}插值表达式{{name}}解决插值闪烁问题：v-text:v-html:使用v-text和v-html指令来替代`{{
hwt1070359898·2019-10-06 11:17

vue学习指南：第十一篇(详细) - Vue的 路由 第一篇 ( router )

一、路由的配置路由vue-router1.什么是路由？路由相当于一个配置对象路由：就是我们通过不同的url访问不同的内容，通过angular.js可以实现多视图的单页，现在流行的单页面开发模式。2.路由在web有两种：第一种hashhash值前面带#"https://user:[email protected]:8080/p/a/t/h?query=string#hash"第二种是histo
硅谷之火·2019-10-02 16:00

vue学习指南：第十一篇(详细) - Vue的 路由 第一篇 ( router )

一、路由的配置路由vue-router1.什么是路由？路由相当于一个配置对象路由：就是我们通过不同的url访问不同的内容，通过angular.js可以实现多视图的单页，现在流行的单页面开发模式。2.路由在web有两种：第一种hashhash值前面带#"https://user:[email protected]:8080/p/a/t/h?query=string#hash"第二种是histo
硅谷之火·2019-10-02 16:00
上一页 45 46 47 48 49 50 51 52 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他