vue入门

Vue入门学习笔记【基本概念、对象、过滤器、指令等】

本文实例讲述了Vue入门基本概念与使用。分享给大家供大家参考，具体如下：1.Vue.js是什么?
吞石鱼·2019-04-13 14:50

Vue入门

目录前言1、响应的数据绑定2、组件系统2.1响应式原理2.1组件系统3、生命周期4、vuex附件前言Vue.js（读音/vjuː/,类似于view）是一个构建数据驱动的web界面的库。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。Vue.js自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一
jason1113·2019-04-10 13:25

Vue入门指南(快速上手vue)

Vue.js2.0快速上手vue自从Vue2.0发布后，Vue就成了前端领域的热门话题，github排名已经是前几名了，那么对于新手来说，如何高效快速的学习Vue2.0呢。Vue-router和之前一样，推荐直接用html+js过一遍文档对路由导航钩子得好好看一看。看完文档就可以上手vue-cli，一般新手在这几天都会死活跑不出来。偷笑最直接的方法就是去github上搜一些关于vue-router
weixin_33924312·2019-03-30 08:43

Vue入门基础语法的使用（案例版）

vue基本语法（1）v-cloak：解决Vue数据闪烁问题[v-cloak]{display:none;}{{msg}}varvm=newVue({el:'#app',data:{msg:'123'}})v-text：把Vue里定义的值以字符串的方式传给组件varvm=newVue({el:'#app',data:{msg:'123'}})v-html：把Vue中的值以代码的形式传给组件varvm
肝到肝硬化·2019-03-27 22:01

组件化开发vue入门

0、装node（npm）和git安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入node-v，如果出现相应的版本号，则说明安装成功。1、淘宝代理npmconfigsetregistryhttps://registry.npm.taobao.org2、全局安装webpacknpminstallwebpack-g安装完成之后输入webpack-v，如下图，如果出现相应的版本号，则说明安
前端一菜鸟·2019-03-26 09:48

Vue简单指令

1.文本内容Mustache模板，表现形式{{语法}},不能作用在HTML特性（属性）上，只能存在单行一句vue入门{{message}}newVue({el:"#root",data:{message
LM-mint·2019-03-24 20:20

vue面向TypeScript开发实战

总结原因主要如下几点：一，VUE入门确实是相对简单一些；二，VU
deyun1993·2019-03-18 18:00

vue入门一

.box{background-color:red/*height:200pxwidth:200px*/}.box2{background-color:green;}>实例化对象测试{{title}}{{1+1}}{{3>2?"真的":"假的"}}hahaahahah{{123}}-->{{a}}-->指令系统测试显示隐藏测试v-show的测试v-title的测试绑定class属性测试加{{num
bainianminguo·2019-03-15 00:00

VUE 快速入门（基于IDEA）

vue入门vue基础知识介绍node.jsNode.js是一个Javascript运行环境(runtime)，发布于2009年5月，由RyanDahl开发，实质是对ChromeV8引擎进行了封装。
Stars_Tian·2019-03-14 10:52

Electron-vue入门系列

Electron-vue开发实战0——Electron-vue入门（起步）Main进程和Renderer进程的简单开发（把两个进程对应的模块讲的很详细了）引入基于Lodash的JSON数据库lowdb（
jojo付啾啾·2019-03-11 14:43

Java开发工程师面经【持续更新...】

Java多线程IO流javaIO流详解敏捷开发敏捷开发设计模式常见的设计模式springcloudSpringCloud分布式开发五大神兽微服务理解微服务angularJSangularJS入门VUE.jsVUE
flyingwzb·2019-02-28 19:17

VUE入门

VUE环境准备1.安装node.js官网：https://nodejs.org/en/1）选择对应系统的版本，下载安装（选择默认安装即可）2）安装完成后查看环境变量是否配置成功：win+R，输入cmd打开命令行，输入path查看。或者通过命令行键入：node-v和npm-v查看（注：npm是node.js的包管理器，所以安装node.js会默认安装npm）后续项目依赖要通过npm来安装；2.Vue
LKFOOD·2019-02-28 13:16

web前端的学习日志(1)

Vue.js的学习过程第一天的学习第一段代码主要是理解什么是挂载点，模板和实例Vue入门hello{{msg}}{{content}}newVue({//vue实例el:"#root",data:{msg
a18291880905·2019-02-26 14:55

vue入门8---vue组件创建与使用、项目打包、eslint编码规范检查

一、Vue组件定义：vue组件即一个界面的局部功能模块，它包含实现这个功能模块的所有资源，可能有html/css/js/img等。vue的根组件App.vue在一个vue文件中三部分：、、(分别对用网页HTML、js、css文件）可以在：preference---Editor---codestyle---FileandcodeTemplates中配置vue模板1、写一个vue组件文件Hello.v
奋斗滴猩猩·2019-02-19 19:19

Vue入门

一.简介Vue官方文档地址:https://cn.vuejs.org/index.htmlVue.js为渐进式JavaScript框架Vue框架为MVVM框架,即数据源与控件双向绑定,在实际项目中频繁操作DOM节点,仅仅只需要控制数据源数据即可,不用考虑页面渲染.二.Vue的基本知识Vue2.x框架的常用点(模板语法,条件渲染,列表渲染)简介Vue的HelloWord应用模板语法,v-bind属性
CarsonChen·2019-02-13 18:02

Vue+Koa2+axios+mongodb搭建的小demo

client:vue-cli搭建的项目，可参考我的文章Vue入门之使用vue-cli初始化项目server:koa2搭建的项目，可参考我的文章快速搭建koa项目前后端请求数据使用的axios集成了bootsarp
秋楪祈·2019-02-13 15:28

vue入门（一）：项目搭建

前言我的JS水平比较一般，而且还是跨专业半路出家，因此学习是唯一出路。vue并不是我接触的第一个前端框架，之前学习过angular1.x，觉得不太容易，结果没多久2版本就推出了，一看文档：totallyrewrite。WTF？？？1还没学利索呢，2就重写了？从此抛弃angular。直到后来，公司需要做个管理后台系统，经过一番比较最终选择了vue，原因：angular已拉黑react里的jsx语法一
前端小酱·2019-02-04 00:00

vue入门：axios的应用及拦截封装

一、概述在vue2.0项目中，我们主要使用axios进行http请求。axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。特征：1、从浏览器中创建XMLHttpRequests2、从node.js创建http请求3、支持PromiseAPI4、支持拦截请求和响应5、支持转换请求数据和响应数据6、可以取消请求7、自动转换JSON数据8、客户端支持防御XSRF二、IE兼容
dell_ling·2019-02-03 11:08

vue入门——通过webpack构建vue项目

简介：本篇主要介绍如何通过webpack构建一个简单的vue项目，不涉及vue的安装，如果没有安装vue的话，请先安装vue.在使用vue的时候，通常有两种方式，一种是在html中引入vue.min.js,利用vue的语法规则进行开发。另一种是通过webpack构建vue工程（不知这样描述是不是准确），本篇将对该方法展开叙述（前提安装了vue）：步骤1、建立项目路径。首先建立一个项目路径（我的位于
ONLY&YOU·2019-01-25 20:04

Vue集成element-ui

step1使用vue-cli初始化项目可参考我的文章Vue入门之使用vue-cli初始化项目step2安装element-uinpmielement-ui--save安装好之后去main.js里面去引用
秋楪祈·2019-01-22 16:37

Vue 基础语法

创建一个vue实例vue入门{{msg}}newVue({el:"#root",data:{msg:"Hello,vue.jsworld!"}})
Uchen·2019-01-22 15:19

vue引入Bootstrap

step1初始化项目使用vue-cli脚手架，初始化一个vue项目，如果不清楚怎么初始化的，可以参我的文章Vue入门之使用vue-cli初始化项目step2安装jquery安装bootstarp之前，要先安装
秋楪祈·2019-01-16 16:29

vue入门之新建项目

1.新建项目流程1>新建文件夹放置项目2>cmd---F:cd文件夹目录vueinitwebpack项目名称回车?Projectnametest_demo回车?ProjectdescriptionAVue.jsproject回车?Author当前用户<当前用户邮箱>回车?Vuebuildstandalone回车?Installvue-router?Yes?UseESLinttolint
地瓜团子233·2018-12-22 17:43

vue入门中组件命名时需要注意的地方

下面这张图是从vue官方上截取的其实不只是驼峰命名的prop在自定义标签中需要用等价的短横线分隔命名，组件自定义的标签名称也一样还是官网的例子只不过我把组件的名称改为驼峰式为blogPostVue.component('blogPost',{//在JavaScript中是camelCase的props:['postTitle'],template:'{{postTitle}}'})如果在html中
aspu O_O·2018-12-11 14:05

Vue入门之数量加减运算操作示例

本文实例讲述了Vue入门之数量加减运算操作。
站住，别跑·2018-12-11 11:03

Vue新手入门教程——helloworld(表达式，指令)

-->官网下载vue.js然后在自己的项目中引入https://cn.vuejs.org/v2/guide/installation.htmlVue入门_helloworld：Vue入门_helloworld
郑清·2018-12-09 12:28

vue.js构建单页面应用以及使用vue-cli构建项目

二、案例一：基本的vue实例1.Vue入门demo{{msg}}newVue({el:"#root",data:{msg:"he
hungteshun·2018-11-22 19:45

一、VUE入门介绍

通过官网文档学习的个人笔记原文：https://cn.vuejs.org/v2/guide/index.html1.声明式渲染Hello{{name}}!varperson=newVue({el:"#app",data:{name:"Vue"}});2.v-bind指令鼠标悬停几秒钟查看此处动态绑定的提示信息！varapp2=newVue({el:"#app-2",data:{message:"页
DebraJohn·2018-11-20 00:00

一、VUE入门介绍

通过官网文档学习的个人笔记原文：https://cn.vuejs.org/v2/guide/index.html1.声明式渲染Hello{{name}}!varperson=newVue({el:"#app",data:{name:"Vue"}});2.v-bind指令鼠标悬停几秒钟查看此处动态绑定的提示信息！varapp2=newVue({el:"#app-2",data:{message:"页
DebraJohn·2018-11-20 00:00

parcel+vue入门

一、parcel简单使用npminstall-Dparcel-bundlernpminit-y(-y表示yes，跳过项目初始化提问阶段，直接生成package.json文件。)Parcel可以使用任何类型的文件作为入口，但是最好还是使用HTML或JavaScript文件。如果在HTML中使用相对路径引入主要的JavaScript文件，Parcel也将会对它进行处理将其替换为相对于输出文件的URL地
qfstudy·2018-11-09 00:00

前端小菜鸡使用Vue+Element笔记（一）

关于使用Vue+Element的项目简介~最近因为项目组缺前端人员，所以自己现学现做页面，先把前后台功能调通觉得前端可真的是不容易呀哎呀~首先记录一下相关的Vue入门的教程：vue环境搭建示例：https
阿叮339·2018-10-26 19:00

Vue入门练习09--选项卡切换

选项卡切换*{margin:0;}.tabNav{width:500px;height:40px;border:1pxsolidblack;display:flex;background:#337AB7;margin:0auto;}.tabNav.item{flex:1;}.tabNav.itema{display:block;height:40px;text-align:center;line-
AsaZyf·2018-10-23 21:01

Vue入门07练习--走马灯文字

函数问题，箭头函数代码：走停{{msg}}newVue({el:"#app",data:{msg:"helloVue",timer:null},methods:{move:function(){//防止重复点击，出现抽风现象if(this.timer){return}//es5中函数嵌套函数，会形成闭包，导致this指向问题//var_this=this定义_this缓存this//this.ti
AsaZyf·2018-10-22 11:48

Vue入门03--if

代码：.show{width:100px;height:100px;background:red;}1newVue({el:"#app",data:{isShow:false}})布尔值为false：不显示代码：.show{width:100px;height:100px;background:red;}1newVue({el:"#app",data:{}})同样不显示
AsaZyf·2018-10-22 11:20

Vue入门--hello word

首先找到Vue的包，链接在有网的情况下，可以直接在script中引入https://lib.baomitu.com/vue/2.5.17/vue.js即可，如果想在本地引用则打开链接，然后ctrl+A【全选】，在本地新建一个javascript文件，ctrl+v【粘贴】到文件里，保存Vue使用：{{msg}}newVue({el:"#app",data:{msg:"helloword"}})
AsaZyf·2018-10-22 10:14

Vue入门-实现一个简陋的todolist

Vue中通过props和$emit实现父子组件的通信。todolistSubmit//创建一个全局组件componenttodo-itemVue.component('todo-item',{props:['content','index'],template:'{{content}}',methods:{handleClick:function(){//子组件向外部传递一个delete事件thi
天天要加油·2018-10-16 17:10

Vue入门-实现一个简陋的todolist

Vue中通过props和$emit实现父子组件的通信。todolistSubmit//创建一个全局组件componenttodo-itemVue.component('todo-item',{props:['content','index'],template:'{{content}}',methods:{handleClick:function(){//子组件向外部传递一个delete事件thi
天天要加油·2018-10-16 17:10

VUE入门到实战--Vue非父子组件传值、插槽、动态组件和v-once

1、非父子组件传值的问题1、Vue是一种轻量级的视图层的框架，那么遇到复杂的非父组件传值的问题我们有两种解决方法：总线机制和vuex。1.1、总线机制1、总线也可以叫做（Bus/总线/发布订阅模式/观察者模式）总线Vue.prototype.bus=newVue();//1、在Vue的原型上挂载一个bus的属性，这个属性就是个Vue的实例//1、也就是说所有之后创建的Vue的实例上的bus属性都指
taopoppy·2018-10-15 10:01

day05-vue入门.md

学习目标会创建Vue实例，知道Vue的常见属性会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信了解vue-router使用了解webpack使用会使用vue-cli搭建项目0.前言前几天我们已经对后端的技术栈有了初步的了解、并且已经搭建了整个后端微服务的平台。接下来要做的事情就是功能开发了。但是没有前端页面，我们肯定无从下手，因
ghy5051073·2018-10-03 18:20

Vue入门

Vue2.0官方文档英文版Vue2.0官方文档中文版Vue2.0API英文版Vue2.0API中文版VUE系列教程目录Vue.js学习系列VueRouter中文官网Vue2.0起步(1)脚手架工具vue-cli+Webstorm2016+webpackWebStorm添加vue插件高亮显示*.vue文件Vue.use(Router)如果在一个模块化工程中使用它，必须要通过Vue.use()明确地安
CP9·2018-09-30 14:33

Vue入门

Vue2.0官方文档英文版Vue2.0官方文档中文版Vue2.0API英文版Vue2.0API中文版VUE系列教程目录Vue.js学习系列VueRouter中文官网Vue2.0起步(1)脚手架工具vue-cli+Webstorm2016+webpackWebStorm添加vue插件高亮显示*.vue文件Vue.use(Router)如果在一个模块化工程中使用它，必须要通过Vue.use()明确地安
CP9·2018-09-30 14:33

Vue.js进阶【5-2】bootstrap-vue入门

GitHubhttps://github.com/bootstrap-vue/bootstrap-vue元素背景颜色variant可选值：success、info、warning、primary、danger、link，缺省灰色，light（白色透明背景）、darkButton1Button2Button3Button4Button5SuccessInfoWarningPrimaryDangerL
CalmReason·2018-09-18 16:24

第一个VueJs入门页面

入门代码：       Vue入门实例         {{book.n
BADAO_LIUMANG_QIZHI·2018-09-12 23:32

vue入门随笔

参考：详解vue生命周期：https://segmentfault.com/a/1190000011381906配置环境安装node，查看版本，8以上版本安装vue，npminstall-g@vue/cli，如报错，npmcacheclean--force，npminstallnpm-g全局更新查看安装情况，vue--version安装vue扩展程序vue-devtools入门练习在线编辑：htt
Gytha_1·2018-09-12 15:42

Vuejs 基础与语法

Vue入门{{msg}}newVue({el:"#root",data:{msg:"helloworld"}})JSbin预览实例、挂载点、模板实例里，需指定挂载点，模板模板指的是挂载点内部的内容：可以写在挂载点内部也可以写在实例的
passMaker·2018-09-11 08:39

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十七 ║Vue基础：使用Vue.js 来画博客首页+指令(一)

缘起书说前两篇文章《十五║Vue前篇：JS对象&字面量&this》和《十六║Vue前篇：ES6初体验&模块化编程》，已经通过对js面向对象，类和模式封装，ES6新特性等多个角度讲解了Vue入门的一些储备知识
老张的哲学·2018-09-06 13:00

Vue入门日记——列表数据同步、标签属性和条件渲染

数据双向绑定指：指的是model/数据层和view/展现层。model层的数据，比如data里的数据和view（html模版）里对应的数据同步，model层改view自动同步，view层更新（比如input的vmodel）数据层也会同步，双向指的这个。V-bind动态绑定标签属性V-bind可简写为：使用V-bind绑定class和内联样式使用V-if、V-show、v-else进行条件渲染
青年浪子·2018-08-20 00:24

Vue常用指令详解分析

Vue入门Vue是一个MVVM（Model/View/ViewModel）的前端框架，相对于Angular来说简单、易学上手快，近两年也也别流行，发展速度较快，已经超越Angular了。
半指温柔乐·2018-08-19 14:36

Vue入门(1)——简介与安装

写本篇文章，只是为完善【Vue入门】系列，此外，关于如何使用vue-cli3.0搭建一个新项目，以及如何将vue-cli2.0构建的项目升级到vue-cli3.0,可以参考Vue-cli3.0搭建Vue
WHU_凌晨_Bin·2018-08-06 20:48

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述

VueRouter2+Webpack+Axios构建项目实战2017重制版（一）基础知识概述前言Vue2+VueRouter2+webpack+Axios构建项目实战目录以及文件结构2016年，我写了一系列的VUE
daily886·2018-08-04 09:50
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他