#vue学习

vue学习五之VueCLi

概念通俗的说，VueCLI是我们创建大型项目时的脚手架，所谓脚手架，就是帮助我们建设好了建造大厦的所需模板，建设者只需往模板里面填入实质内容，即可完成大厦的建设，对于程序开发来说，脚手架使程序员只需要关注业务逻辑的实现上面，我们不需要再关注兼容性问题，不需要再浪费时间在重复的工作上。VueCli帮助我们快速构建大型web应用，提升了我们的开发效率，它基于webpack构建，并带有合理的默认配置。安
shuyang·2018-11-06 11:00

vue学习之webpack

本质上，Webpack是一个现代JavaScript应用程序的静态模块打包器(modulebundler)。当Webpack处理应用程序时，它会递归地构建一个依赖关系图(dependencygraph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。什么是模块化编程模块化编程是一种软件设计技术。在模块化编程中，开发者将程序分解成离散功能块，并称之为模块。每个模块具
shuyang·2018-11-06 10:00

vue学习之npm

任何一门计算机语言都包含了丰富的第三方库，npm就是JavaScript这门语言的第三方库管理工具，本文详细介绍了JavaScript的包管理工具，npm。在计算机中安装好Node.js之后，默认已经安装好了npm包管理工具，我们可以输入npm命令进行测试：安装npm包安装好npm包管理工具之后，我们来介绍两种安装npm包的方式：全局安装和局部安装全局安装如果你想将其作为一个命令行工具，那么你应该
shuyang·2018-11-06 10:00

vue学习之node.js

Node.js是一个Javascript运行环境(runtimeenvironment)，发布于2009年5月，由RyanDahl开发，实质是对ChromeV8引擎进行了封装。本文详细介绍了Node.js的安装和使用。一、Node.js介绍Node.js不是一个JavaScript框架，不同于CakePHP、Django、Rails。Node.js更不是浏览器端的库，不能与jQuery、ExtJS
shuyang·2018-11-05 11:00

Vue学习笔记(二）

练习的是一个简单的前端页面，看着视频抄的，仿去哪儿的手机端，其中包含了git的使用、vue的基础点、一些插件的应用，在这里记录一下。项目练习的源码地址：https://github.com/SeriousWatermelon/Travel.git目录1.项目环境准备1.1安装node.js运行环境：https://nodejs.org/en/download/1.2git的基础命令(gitbash
崔大崔·2018-11-01 16:42

vue学习（一）、echart组件

近来做了个小项目，因为最近接触了vue感觉很强大所以决定这个项目前端用vue来开发。以前用jquery开发过百度的echart也写过几个图形插件感觉用起来很方便，新手只需要知道怎么引用，传输对应的数据格式即可，所以也想把echart在vue上搞几个组件玩玩，好了长话短说哈直接上干货。里面用了vue的组件间的通讯，新手不了接的可以看一下我推荐的几个链接然后再看代码。vue跨组件传参下面这个是父组件：
net好燃·2018-10-31 15:34

vue学习之六路由系统

一、vueRouter实现原理VueRouter的实现原理是根据监控锚点值的改变，从而不断修改组件内容来实现的，我们来试试不使用VueRouter，自己实现路由控制，如下代码：Title登录注册首页letoDiv=document.getElementById("app");window.onhashchange=function(){console.log(location.hash);swit
shuyang·2018-10-30 16:00

vue学习之五生命周期

一、vue生命周期图解下图展示了实例的生命周期。你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它的参考价值会越来越高。二、vue钩子函数使用2.1beforeCreate在实例初始化之后，数据观测(dataobserver)和event/watcher事件配置之前被调用。Title{{message}}newVue({el:"#app",data:{message:"HelloVue"
shuyang·2018-10-30 15:00

vue学习之四组件系统

vue.js既然是框架，那就不能只是简单的完成数据模板引擎的任务，它还提供了页面布局的功能。本文详细介绍使用vue.js进行页面布局的强大工具，vue.js组件系统。一、Vue.js组件系统每一个新技术的诞生，都是为了解决特定的问题。组件的出现就是为了解决页面布局等等一些列的问题。vue中的组件分为两种，全局组件和局部组件。二、全局组件与局部组件2.1全局组件通过Vue.component()创建
shuyang·2018-10-30 14:00

vue学习之三常用命令

一、插值1.1+号运用Title{{greeting+greeting}}newVue({el:"#app",data:{greeting:"Helloworld"}})二、v-text类似双大括号语法渲染数据的另一种方式是使用v-text。TitlenewVue({el:"#app",data:{greeting:"Helloworld"}})三、v-html双大括号语法无法渲染HTML标签，我
shuyang·2018-10-30 11:00

vue学习之二ECMAScript6标准

一、ECMAScript6标准简述ECMAScript6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。1.1ECMAScript和JavaScript的关系要讲清楚这个问题，需要回顾历史。1996年11月，JavaScript的创造者Netscape公司，决定
shuyang·2018-10-30 11:00

vue学习之一vue初识

一、vue.js是什么Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。二、vue.js安装Vue不支持IE8及以下版本，因为Vue使用了I
shuyang·2018-10-30 10:00

Vue教程 第一篇 基础

从接触学习到项目应用，大大小小的vue项目也做了好几个，近期应公司要求需要培训下vue，于是便开始写vue教程的连载博客，网上有很多关于vue学习的教程，我在这里也只是记录下整个vue的学习心得和比较实用的知识点理解
Jesen_master·2018-10-26 09:31

VUE学习笔记——vue+webpack脚手架搭建

使用VUE作为前端框架的环境搭建1安装node.jsnodejs的安装方式非常简单，在官网下载msi格式的安装包，傻瓜式安装，自动全局配置C:\Users\Administrator>node-vv10.12.0在cmd窗口用node-v即可查看版本号2切换淘宝cnpmnodejs带的资源安装方式是npm，但是连国外的网，这里将其切换成国内的私服，淘宝的cnpm是很好的选择npminstall-g
qq_39041578·2018-10-24 21:15

V-bind详细使用

注意：v-bind:class指令可以与普通的class特性共存HTML代码：12345学习Vue学习Node学习ReactCSS代码：1234567891011.box{border:1pxdashed
CaseyWei·2018-10-22 19:43

VUE学习

学习vue之前最好先对javaScript、html、css有一定的了解，vue是将这三者完美结合的一种框架，例如一个前端功能如导航栏，在很多页面都可能用到，但每个导航栏的信息不一样，也就是说这个导航栏的html和css一样，但js动态渲染的数据不一样，我们可以使用vue将这三者组合起来称为一个组件，在其他页面要用导航栏的时候调用和这个组件，将展示的数据用vue的方法传入这个组件，就可以达到一个组
TerryZjl·2018-10-20 19:14

Vue学习记录

Vue.js学习目录一、Vue基础知识点1.1MVVM模型1.2Vue基本语法模板1.3条件渲染与列表渲染1.4Class与Style绑定1.5事件处理1.6计算属性与监听器1.7Vue生命周期1.8组件基础1.8.1待定待定待定一、Vue基础知识点1.1MVVM模型 了解什么是MVVM之前，我们先讲一下什么是MVC？MVC是Model-View-Controller的缩写，也就是“模型-视图-控
B_TAEYANG·2018-10-12 11:53

Vue学习记录

Vue.js学习目录一、Vue基础知识点1.1MVVM模型1.2Vue基本语法模板1.3条件渲染与列表渲染1.4Class与Style绑定1.5事件处理1.6计算属性与监听器1.7Vue生命周期1.8组件基础1.8.1待定待定待定一、Vue基础知识点1.1MVVM模型 了解什么是MVVM之前，我们先讲一下什么是MVC？MVC是Model-View-Controller的缩写，也就是“模型-视图-控
B_TAEYANG·2018-10-12 11:53

转：vue学习项目参考～

转载：http://www.cnblogs.com/huyong/p/6517949.htmlVue相关网站参考：Vue中文帮助网站：http://cn.vuejs.org/Vuegithub开源地址：https://github.com/vuejs/vueVue.js专业中文社区：http://www.vue-js.com/前端开发Vue相关：http://www.opendigg.com/ta
kathyb24·2018-10-11 09:57

vue学习十五(props解耦、props 布尔-对象-函数三种模式)

文章目录$route耦合props解耦props布尔模式props对象模式props函数模式$route耦合在组件中使用$route会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的URL上使用，限制了其灵活性。TitleOne第一个router{{$route.params.id}}//1、定义(路由)模版组件//2、定义路由varroutes=[{path:"/one/:id",com
进击的小猿·2018-10-08 11:57

Vue学习笔记

详见：https://cn.vuejs.org目录1.数据双向绑定2.MVVM模式3.前端组件化4.父子组件传值4.1实例4.2单项数据流4.3父组件传值约束4.4非父子组件间的传值5.生命周期钩子6.简单的模板语法6.1v-text，v-html6.2计算属性、方法、侦听器6.3计算属性的setter和getter6.4条件渲染6.5列表渲染6.6组件绑定事件7.插槽slot7.1单个插槽7.2
崔大崔·2018-09-29 18:59

ES6的新特性----Vue学习必备基础知识

学习Vue之前，ES6的基础常识是必须要了解的，下面列举了几种最重要的特性，学会了这些，Vue的学习就易如反掌了。1.变量声明const和let在ES6之前，我们都是用var关键字声明变量。var声明的变量存在变量提升问题，也就是var无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。例如:console.log(name);varname='wangjifei';
SlashBoyMr_wang·2018-09-26 22:06

Day 0 Vue.js三种安装方法

Vue学习起来非常简单，本教程基于Vue2.1.8版本测试。兼容性Vue不支持IE8及以下版本，因为Vue使用了IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScri
习惯芥末味·2018-09-26 17:58

Vue学习随笔(二)

全局API首先，什么是全局API？全局API并不在构造器里，而是先声明全局变量或者直接在Vue上定义一些新功能，Vue内置了一些全局API，比如Vue.directive，说的简单写就是，在构造器外部用Vue提供给我们的API函数来定义新的功能。Vue.directive自定义指令{%verbatim%}{{num}}ADD{%endverbatim%}Vue.directive('huang',
冰_戒·2018-09-24 23:37

Vue学习笔记之组件模板

1.is的使用在html5标准中标签里只能写,但又希望row组件的内容显示在中，可以使用is属性Vue.component('row',{template:'thisisarow'});varvm=newVue({el:'#app'});2.定义data在根组件里，定义data可以直接通过对象定义，但在非根组件里定义data，data必须是一个函数，而且要返回一个包含数据的对象，这是因为一个子组件
愚蠢的土拨鼠要变聪明·2018-09-20 18:47

从壹开始前后端分离 [ vue + .netcore 补充教程 ] 二七║ Nuxt 基础：框架初探

赶脚比较凄凉了，大家看到的麻烦点个赞呀说个话呀，增加下人气哈哈，刚刚突然想到原来问题都跑到群里了，也是，当初创建群的目的就是解决问题滴，不能本末倒置了[苦笑]，经过一个月的书写《.netcore(13)》、《Vue
老张的哲学·2018-09-20 17:00

Vue的学习之路（大纲）

Vue的基本使用：此处只是列举vue的基本知识大纲，具体的讲解请看下面的连接：http://jspang.com/post/vueNav.html本文末尾会附上以下vue学习过程中的源码。
Just丶九月·2018-09-20 14:22

一、vue学习笔记系列——vue-cli脚手架搭建项目

一、nodejs环境搭建访问Node.js官网进行安装包下载（nodejs官网传送门），安装WindowsInstaller(.msi)。二、下载安装成功后，测试是否安装成功1.打开cmd，输入node2.console.log('hello')//如果输出hello代表安装成功三、设置npm的默认安装路径，和缓存路径（可以省略此步骤）在安装nodejs安装目录中新建X64文件夹设置npm安装程序
weixin_30847865·2018-09-18 20:00

vue学习笔记-实现表格的单选删除和批量删除功能

目标：选中表格内的单独某一行，点击删除按钮，实现在表格中删除；批量删除按钮在勾选选择框后才可以被激活，点击批量删除按钮后实现删除效果。如图，点击删除按钮，弹出提示框，点击确定后删除这一行。单选采用d2-curd的表格组件方法实现，表格组件d2-curd方法可自行查阅文档，单说实现删除功能。（这里默认表格里的数据已经获取成功）首先要传入rowHandle来开启列表操作列，即在列表中出现图上的修改这一
持续5年输出bug·2018-09-17 23:48

2018-09-16

Vue学习总结模板语法Mustache语法:{{msg}}Html赋值:v-html=""绑定属性:v-bind:id=""使用表达式:{{ok?'
zhangyu_2943·2018-09-17 00:13

Vue指令之v-bind篇

扯了这么多，还不如举个例子:小二，上代码：​Vue学习之v-bind  是强大的连接啊//v-bind为a标签添加了href属性,属性值为data中的url值   newVue({ el:'#app',
雪子·2018-09-16 19:55

vue学习笔记--d2-curd使用

d2-curd是专门处理表格的组件，根据自己理解它可以处理表格数据按钮等常规的操作。具体使用方法：安装插件：也可以用cnpm安装npmielement-ui@d2-projects/d2-crud-S写入main.js文件中importD2Crudfrom'@d2-projects/d2-crud'Vue.use(D2Crud)现在就可以使用了！以下是利用d2-curd将模拟数据应用到Dom代码片
持续5年输出bug·2018-09-11 23:51

vue学习

vue核心是组件，组件是vue实例，没有el，其他data,computed等等方法都有。组件定义在vue中，用在html中，...，逐渐可以任意复用。image.pngvue组件中可以设置props属性,则可以在html中使用组件时直接传递prop内容：image.png
nicco773·2018-09-11 11:25

Vue学习笔记01day_02.v-cloak、v-text、v-html的基本使用

Document[v-cloak]{/*display:none;*/}++++++++{{msg}}----------=================={{msg2}}1212112-->-->varvm=newVue({el:'#app',data:{msg:'123',msg2:'哈哈，我是一个大大的H1，我大，我骄傲',mytitle:'这是一个自己定义的title'},methods
菜鸟柱子·2018-09-10 22:57

Vue学习笔记（1）

在学习Vue之前，先熟悉HTML和CSS这两个语言，并且有一定的JavaScript语言的基础。相对而言前面两个大部分都是标签和引用之类的，三五天的样子就应该看的差不多不用特别深究。JavaScript语言是一个需要认真学习并且变化相对而言比较多的，在学习的同时可以一同学习Jquery会使得学习不算特别枯燥（Jquery在简化JavaScript的部分起到了很大的作用）在这里推荐几个网站：-CSS
一只超级无敌大大大的西瓜瓜·2018-09-02 15:13

同个路由，多个视图

1.最近对于刚接触的vue学习中遇到这样的问题：2.需求：我想在一个后缀为.vue的文件中，导入其他后缀为.vue的文件，即能过实现在同一个路由下，能够显示多个视图3.解决方案：有3个待加载的vue文件
Kratial·2018-09-02 13:19

vue学习笔记--Element引入

完整引入：首先要在入口文件main中：//引入vueimportVuefrom'vue';//引入ElementUIimportElementUIfrom'element-ui';//完整引入时，css样式需要单独引入import'element-ui/lib/theme-chalk/index.css';//引入APPimportAppfrom'./App.vue';Vue.use(Elemen
持续5年输出bug·2018-08-27 22:45

Vue学习从入门到精通（六）

  今天我们来一块学习一下Vue中的过滤器。查看官网发现，Vue之前封装的一些过滤器现在已经是失效，后期大家在开发过程中用到过滤器的时候都需要自己进行定义哦，这样也好，可以避免自定义的过滤器和Vue之前封装的过滤器冲突，造成一些不必要的麻烦。###什么是过滤器  什么是过滤器呢，本质上都是函数，其作用在于用户输入数据后，它能够进行处理，并返回一个数据结果。Vue.js过滤器使用时，用管道符(|)进
JackLee18·2018-08-26 13:26

vue学习笔记

1、vue生命周期image.png2、created里面的参数可以缓存使用，但不能双向数据绑定例子这里面created缓存了debounce方法的等待时间，所以后面输入框的去抖操作才能正常执行，如果直接把方法写在methods或watch里面，则debounce不执行，因为每次的等待时间无法缓存。可结合debounce函数的解读来分析
捞兴·2018-08-24 12:56

Vue学习笔记

主要针对笔者在学习中遇到的一些疑问进行记录以前一直以为概念是不太重要的东西，所以一直疲于记录，但是最近发现这些原理的概念还是要在以后的学习和使用中不断反复琢磨才能更加灵活的使用，因此会在后期的学习中专门记录。Vue生命周期Vue2.0生命周期官网图从图中我们可以看到Vue运行的整个生命周期以及各个阶段的动作。beforeCreate组件实例刚刚被创建，组件属性计算之前，如data属性等；creat
yanruoxin·2018-08-23 18:49

Vue学习笔记：Slot

转自：https://www.w3cplus.com/vue/vue-slot.html在Vue中，slot也分多种，从Vue的官网中可以获知，其主要分为：单个插槽、具名插槽和作用域插槽三种父组件的内容是在父组件作用域编译，子组件的内容是在子组件作用域编译。Vue的slot一般用在父组件向子组件分发内容，该内容的编译作用域名为父组件作用域。父组件分发内容给子组件，子组件需要一个标签进行接收，分发和
weixin_30548917·2018-08-23 16:00

对于vue的学习和总结

这几天在学习vue，觉得还可以吧，现在分享下学习vue的心得和对于vue学习的总结一、对于vue中的computed和watch的理解。
cici_2923·2018-08-20 17:17

vue学习笔记

在进入/离开的过渡中，会有6个class切换。v-enter：定义进入过渡的开始状态。在元素被插入时生效，在下一个帧移除。v-enter-active：定义过渡的状态。在元素整个过渡过程中作用，在元素被插入时生效，在transition/animation完成之后移除。这个类可以被用来定义过渡的过程时间，延迟和曲线函数。v-enter-to:2.1.8版及以上定义进入过渡的结束状态。在元素被插入一
卡布奇洛猫·2018-08-19 17:44

vue学习dom操作

vue中要操作dom，首先需要在template组件中设置ref="dom的名称"；再在script中使用this.$refs.dom的名称就可以用dom的操作方式进行操作了。这种方式也可以直接获取组件对象，如果ref是放在组件上的时候。组件的dom对象获取方式是：this.$refs.组件名称.$el就是对应的组件的dom对象。如果不记得的时候，可以直接使用console.info打印出来，再去
kk6891·2018-08-18 20:53

vue学习笔记之动态路由和get传值

不同路由传值：可以通过动态路由1.配置动态路由(动态路径参数以冒号开头)routes:[{path:'/content/:aid',component:Content},///:aid此处配置动态路由](get):{path:'/pcontent/',component:Pcontent},2.在对应的页面this.$route.params获取动态路由的值get:this.$route.quer
一条鱼i·2018-08-15 19:27

Vue初步学习一

Vue学习-01.基础数据绑定1.html页面代码Title名字你的名字是:{{name}}年龄你的年龄是:{{age}}性别你的性别是:{{sex}}2.js代码varapp=newVue({el:'
Boom傻卡拉卡·2018-08-15 09:33

Vue学习从入门到精通（四）

  今天我们来学习一下计算属性。在开发中，为了简化逻辑，当某个属性的值依赖于其他属性的值时，我们可以使用计算属性。###什么是计算属性  计算属性就是当其以来属性的值发生改变时，这个属性的值会自动更新，与之相关的DOM部分也自动更新。具体代码如下：didi={{didi}},family={{family}},didiFamily={{didiFamily}}exportdefault{name:
JackLee18·2018-08-14 19:20

VUE学习历程之第一天

一.编写的第一个vue应用。1.通过在head标签引入vue.js来学习。2.需要特殊的表达式来展示变量值例如：{{message}}这里的变量message就可以在后面的vue特有的代码里面来赋值。3.赋值需要在{{message}}之后才生效，我试过这两种3.1有效{{message}}varapp=newVue({el:'.app',data:{message:'HelloVue'    }
至鳟宝·2018-08-13 11:43

VUE学习历程之第二天

一.数据和方法贴个代码：{{a}}vardata={a:'我是a'};//Object.freeze(data);varjason=newVue({el:'#app',data:data});其中data.a===jason.a是true.除了数据属性，Vue实例还暴露了一些有用的实例属性与方法。它们都有前缀$，以便与用户定义的属性区分开来。例如:js代码：vardata={a:1}varvm=n
至鳟宝·2018-08-13 11:23

VUE学习历程之第三天

一、Class与Style绑定操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将v-bind用于class和style时，Vue.js做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。1.对象语法我们可以传给v-bind:class一个对象，
至鳟宝·2018-08-13 11:00
上一页 49 50 51 52 53 54 55 56 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他