vue学习

Vue学习笔记6——Webpack 案例讲解

项目地址：https://github.com/masterzz/webpack-demos一、环境准备由于npm国外镜像太慢，用cnpm代替npm处理，安装cnpm：npminstall-gcnpm--registry=https://registry.npm.taobao.org首先，全局安装webpacknpmi-gwebpackwebpack-dev-server这里会遇到第一个坑需要通过
苏云南雁·2018-12-31 00:17

vue学习笔记 list数组的添加和删除

增加{{item}}删除exportdefault{data(){/*业务逻辑里面定义的数据*/return{todo:'',list:[]}},methods:{doset(){alert('增加');},doadd(){//1.获取文本框输入的值2.把文本框的值push到list里面//把todo添加到list数组中this.list.push(this.todo);this.todo='';
深沉的搬砖工·2018-12-24 23:03

Vue基础：第一天

Vue.Js文件的引入：Vue学习Vue基本结构{{msg1}}{{msg2}}IdName//创建Vue实例：当我们导入Vue.js包后，在浏览器内存中就有了Vue构造函数varvm=newVue({
无盐海·2018-12-23 10:27

Vue学习

1.基础介绍varvm=newVue({})//Vue实例化，固定写法：第一个字母大写2.常用指令Vue.js的指令是以v-开头的，它们作用于HTML元素，指令提供了一些特殊的特性，将指令绑定在元素上时，指令会为绑定的目标元素添加一些特殊的行为，我们可以将指令看作特殊的HTML特性.当表达式的值改变时，将其产生的连带影响，响应式地作用于DOMv-if指令:v-if是条件渲染指令，v-if指令是根据
田野的海螺·2018-12-14 16:51

Vue学习笔记（一） 利用idea 搭建 vue 项目

环境准备工作：安装node.js环境--略安装vue-li全局安装vue-cli，在命令行中执行npminstall-gvue-cliidea准备工作：安装vue.jsFile->Settings->Plugins->Browserespositoties中搜索vue.js安装HTML添加*.vue类型File->Settings->Editor->FileTypes->HTML选中点下方的+添加
dengxianji1647·2018-12-14 11:00

VUE学习

VUE-01-学习VUE前的准备工作：www.cnblogs.com/majj/p/9041582.htmlVUE-02-模板字符串：www.cnblogs.com/majj/p/9041773.htmlVUE-03-箭头函数：www.cnblogs.com/majj/p/9042137.htmlVUE-04-对象的单体模式：https://www.cnblogs.com/majj/p/90423
tiger_li·2018-12-14 09:00

[Vue 牛刀小试]：第七章 - Vue 实例的生命周期

一、前言在之前的Vue学习中，我们在使用Vue时，都会创建一个Vue的实例，而每个Vue实例在被创建时都要经过一系列的初始化过程。
墨墨墨墨小宇·2018-12-13 09:00

前端学习网址

Vue学习网址：jspang.comhttps://www.bilibili.com/video/av24099073vue学习视频哔哩哔哩纯金（里面也有jspang的vue学习）文档形式的vue：https
无忧无痕·2018-12-10 14:39

vue学习笔记——组件手动挂载

在VUE中一个网页可以跟搭积木一样，由各个不同的组件搭建起来，同一个组件他可以被不同的组件使用引入;组件的使用主要有三个步骤：1.定义组件，在src文件夹下创建一个新文件夹如：components，然后在该文件夹下，创建vue组件;2.引入组件，在其他组件的里面引入该组件3.挂载组件4.使用组件，在使用到该组件的地方写出在组件中定义的组件名：组件可以同时挂载多个组件，一个组件可以同时挂载在同个组件
ass_ace·2018-11-28 15:25

VUE学习笔记(二) -computed与methods的区别

最近在学习VUE的时候，发现computed与methods的作用很像，而且一些网站上也说这两种可以互相替换使用，但实际上在用的时候，发现其实这两者之间还是有区别的。computed计算属性可用于定义属性的setter和getter方法，一般如果不特意强调的话，申明出来的会被自动当做属性的getter方法调用，也就是说computed中虽然定义的时候，形式和方法很像，其实定义的是属性，可以采用属性
心若向阳无谓悲伤·2018-11-28 14:49

vue学习：第二章 初识Vue项目结构

1.总体结构vue-project|----build--webpack相关配置文件(一般不需再进行配置)|----config--vue基本配置文件(配置监听端口、打包构建等)|----node_modules--依赖的node模块|----src--项目核心文件(页面代码存放位置)|----assets--静态资源(样式类文件，以及一些外部js文件)|----components--公共组件|
小虾皮爱吃肉·2018-11-25 14:06

vue学习

arguments是实参的集合arguments是类数组，即有数组的形式没有数组的功能Object.assign()文档https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assignimage.png这样写就可以选项卡思维set和delete计算属性的get,set方法li
好奇的猫猫猫·2018-11-23 18:57

Vue学习笔记之路由（一）

Vue.js路由(Vue-router)1.路由安装（1）直接引入（2）npm下载npminstallvue-router如果在一个模块化工程中使用它，必须要通过Vue.use()明确地安装路由功能：在你的文件夹下的src文件夹下的main.js文件内写入以下代码importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)2
赵客缦胡缨v吴钩霜雪明·2018-11-21 13:36

Vue学习路线

前言：学习Vue已经两个月了，目前前端的框架用得比较多的就是Bootstrap和Vue，而Bootstrap是开发人员用得较多，因为较为简单，上手也快。Vue是目前很火的数据驱动框，17年的时候就开始火了。之前我用Bootstrap框架，转学习Vue的时候还是花了一点学习成本的。既然大家会看这篇文章，那么肯定是vue的学习者了，或是遇到的瓶颈，或者刚刚开始学，不知道如何快速起步，本篇文章将带领大家
前程明亮·2018-11-19 00:00

Vue学习路线

前言：学习Vue已经两个月了，目前前端的框架用得比较多的就是Bootstrap和Vue，而Bootstrap是开发人员用得较多，因为较为简单，上手也快。Vue是目前很火的数据驱动框，17年的时候就开始火了。之前我用Bootstrap框架，转学习Vue的时候还是花了一点学习成本的。既然大家会看这篇文章，那么肯定是vue的学习者了，或是遇到的瓶颈，或者刚刚开始学，不知道如何快速起步，本篇文章将带领大家
前程明亮·2018-11-19 00:15

VUE学习笔记——es6对象合并 数组转对象

工作中遇到了一些问题需要将数组转化为对象//arrtoobjconstarr=[{date:"2018-11-18",name:"demo1"},{date:"2018-11-19",name:"demo2"}];constobj={"2018-11-18":"demo1","2018-11-19":"demo2"}如上代码，想将arr优雅的转化为obj，首先想到了Object的assign方法合
qq_39041578·2018-11-18 20:27

Vue学习（七）——使用Vue-cli脚手架工具构建项目

（1）首先安装环境：https://blog.csdn.net/dreamzuora/article/details/78911664这篇文章写得很赞（2）在指定的文件夹内搭建，输入指令vueinitwebpacktodolist，然后根据提示进行选择，然后回车就ok了（3）命令进入dotolist文件夹中，输入cnpmrundev指令后回车可以访问http://localhost:8080查看
Bambi12·2018-11-09 17:20

Vue学习（六）——父子组件之间的传值

子组件和父组件通信(发布订阅模式)Vue.component('todo-item',{props:['content','index'],template:'{{content}}',methods:{handleClick:function(){this.$emit('delete1',this.index);//触发事件}}})newVue({el:"#root",data:{inputVa
Bambi12·2018-11-09 17:05

Vue学习（五）——v-if,v-show,v-for指令

v-if,v-show,v-for指令helloworldtoggle{{item}}newVue({el:"#root",data:{show:true,list:[1,2,3]},methods:{handleClick:function(){this.show=!this.show;}}})注：学习笔记内容来自：https://www.imooc.com/learn/980官网：cn.vue
Bambi12·2018-11-09 17:21

Vue学习（五）——v-if,v-show,v-for指令

v-if,v-show,v-for指令helloworldtoggle{{item}}newVue({el:"#root",data:{show:true,list:[1,2,3]},methods:{handleClick:function(){this.show=!this.show;}}})注：学习笔记内容来自：https://www.imooc.com/learn/980官网：cn.vue
Bambi12·2018-11-09 17:21

vue学习七之Axios

JQuery时代，我们使用ajax向后台提交数据请求，Vue时代，Axios提供了前端对后台数据请求的各种方式。什么是AxiosAxios是基于Promise的Http客户端，可以在浏览器和node.js中使用。为什么使用AxiosAxios非常适合前后端数据交互，另一种请求后端数据的方式是vue-resource，vue-resource已经不再更新了，且只支持浏览器端使用，而Axios同时支持
shuyang·2018-11-06 11:00

vue学习六之vuex

由于状态零散地分布在许多组件和组件之间的交互中，大型应用复杂度也经常逐渐增长。为了解决这个问题，Vue提供vuex。什么是VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。状态，其实指的是实例之间的共享数据，Vuex是管理应用中不同Vue实例之间数据共享的工具。下图是Vuex官方提供的对于状
shuyang·2018-11-06 11:00

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
上一页 48 49 50 51 52 53 54 55 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他