vue入门

webpack + Vue 入门

webpack+Vue入门Webpack新建一个项目目录，名为myapp,并对其进行初始化。
Mjericho·2019-12-13 23:39

前端框架：Vue入门

组件介绍组件系统是Vue.js其中一个重要的概念，他提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树。那么什么是组件呢？组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看做自定义的HTML元素。组件的创建和注册基本步骤Vue.js的组件的使用有3个步骤：构建组件构造器、注册组件和使用组件。运行结果如下可以看到，使用组件合使用
狗狗嗖·2019-12-12 00:46

Vue入门到放弃01(基础入门)（vue介绍与入门）详解

CSDN地址：https://blog.csdn.net/qq_38191191什么是Vue.jsVue.js是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App，Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js是前端的主流框架之一，和Angular.js、React.js一起，并成为前端三大主流框架！Vue.js是一
开猿_节流·2019-12-02 19:15

React组件略讲

前端同学一般都会从Vue入门，因为Vue使用的的组件开发方式让前端人员更容易的平滑过渡。Vue的组件很简单，一般来说，一个.vue文件就是一个组件。
奔跑的瓜牛·2019-12-01 23:00

Vue入门以及ES6新特性讲解

1.前端技术发展史简介1.1前端技术发展史（1）1990年，HTML（超文本标记语言）诞生，主要用来做静态网页，由一些标签+css等组成。（2）1995年，JSP、PHP、ASP的相继出现，可以使用它们来完成动态网页，但是后台非常臃肿。（3）Ajax（AsynchronousJavascriptAndXML，即异步Javascript和XML，也称为局部刷新技术）成为主流。（4）2008年，HTM
小咯叽·2019-11-29 23:15

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

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

Vue入门：v-bind

本篇为Vue的基础篇，主要关于v-bind:class与style的动态绑定。1.绑定class的几种方式1.1对象语法给v-bind:class设置一个对象，可以动态地切换class，对象里的key是类名，value对应true,false。html代码：我是class对象语法点我换背景色我是class计算属性JavaScript代码：varapp=newVue({el:'#app',data:
JaniceZD·2019-11-05 21:58

随笔:ES6一些特性+VUE入门

ES6let块级-->属于局部变量const声明常量不可以修改1.解构(1).数组解构var[a1,a2,a3]=[1,2,3](2).对象解构varp={name="xx",age=23}var{name,age}=p;2.箭头函数格式var函数名=(参数列表)=>{函数内容}等价于一下代码var函数名=function(参数列表){函数内容}如果参数只有一个可以省略(),函数内容只有一句代码可
不穿格子·2019-11-03 08:18

vue学习

文章目录vue入门指令绑定样式元素绑定class样式元素绑定style样式过滤器字符串补充数组补充按键修饰符自定义指令vue生命周期vue-resource基本使用组件创建组件方式私有组件组件切换父组件向子组件传递非父子组件间数据传值
刘_杨·2019-10-30 22:07

Vue入坑第一篇

一.前言本篇作为vue入门的一篇总结，目地在使用vue一些简单的特性去打开vue的学习之门。
小土豆·2019-10-30 05:01

vue入门系列之计算属性和侦听器

计算属性和侦听器计算属性模版语法中的插值表达式非常便利，但是当表达式逻辑比较复杂的时候会模版难以维护。处理复杂的逻辑，我们可以使用计算属性来解决问题。下面举个例子{{message.split('').reverse().join('')}}现在我们将这个插值表达式改写成计算属性的方式{{reverseMessage}}varvm=newVue({el:'#example',data:{messa
Byhua·2019-10-17 16:09

Vue入门教程 第六篇 （路由、axios）

路由Vue.js路由需要载入vue-router库。npm安装：npminstallvue-router使用范例：1//router/index.js2importVuefrom'vue'3importRouterfrom'vue-router'4importLoginfrom'@/pages/login'5importHomefrom'@/pages/home'67Vue.use(Router)
Mr.Jimmy·2019-10-17 11:00

VUE入门知识，官方文档梳理

子曰：“温故而知新，可以为师矣。”本人已使用VUE一段时间，官方文档写的非常的详细，本次整理主要是为了温习，加深对各个知识点的熟悉程度，本文不适合做为初学者的入门教程，建议初学者移步官方文档。不过Vue本身含有非常丰富的功能，要用Vue搭建完整的应用，仍然需要了解大量Vue设计概念和操作技巧。VUE后台管理系统开发交流Q~群:942802115官方文档地址基本指令v-text输出渲染后的值v-ht
杰尼龟七号·2019-10-12 18:28

vue入门示例

第一个vue程序(入门示例)：提示：vue入门非常简单，这里就不使用文字进行说明了，直接看html代码示例即可明白。html内容为：哈喽~window.onload=functio
justry_deng·2019-10-09 17:35

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开发环境个人推荐使用VScode,然后安装特定的插件即可开发，可用插件如下：Vetur——语法高亮、智能感知、Emmet等EsLint——语法纠错AutoCloseTag——自动闭合HTML/XML标签AutoRenameTag——自动完成另一侧标签的同步修改PathIntellisense——自动路劲补全HTMLCSSSupport——让html标签上写class智能提示当前项
任未然·2019-10-03 23:10

vue父子组件传值例子

vue入门提交{{item}}-->Vue.component('todo-item',{props:['content','index'],template:"{{content}}",methods
brady.wang·2019-10-02 14:00

vue简单todolist

vue入门提交{{item}}newVue({el:"#app",data:{inputValue:'',list:[]},methods:{add(){this.list.push(this.inputValue
brady.wang·2019-10-02 13:00

vue中计算属性和侦听属性

vue入门姓名{{fullName}}{{count}}newVue({el:"#app",data:{firstname:'',lastname:'',count:0},computed:{fullName
brady.wang·2019-10-02 12:00

vue入门笔记

一，Vue入门关于Vue官网：https://cn.vuejs.org/文档：https://cn.vuejs.org/v2/guide/文档plus：http://vue_book.siwei.me/
noneplus·2019-09-30 22:00

19.表单输入绑定----复选框 ---(vue入门 文档学习记录)

单个复选框绑定到布尔值:{{checked}}varvm=newVue({el:"#app-6",data:{checked:true}})首先,确定v-model的双向绑定作用:1.v-model绑定了vue模板中的参数2.v-model绑定了label中的值显示多个复选框JackJohnMikeCheckednames:{{checkedNames}}varvm=newVue({el:"#ap
爱飞的笨鸟·2019-09-24 17:59

（1）Vue 学习----脚手架、webpack

Vue入门文章https://cn.vuejs.org/v2/guide/instance.html1、安装脚手架使用下列任一命令安装这个新的包：npminstall-g@vue/cli#ORyarnglobaladd
可爱的鑫鑫·2019-09-18 17:29

vue入门例子

vue入门例子1、声明示渲染{{message}}2、绑定事件v-bind3、控制切换一个程序是否显示v-if4、渲染循环v-for5、点击事件v-on6、双向数据绑定v-model一、声明示渲染{{message
web与webGL·2019-09-10 17:00

vue入门demo：用户管理3

该入门demo是使用组件的方式实现，不涉及向后端发送请求说明把用户列表和添加用户拆分为两个组件，用户列表数据在父组件获取用户列表：用户列表组件获取父组件的用户列表（父组件向子组件传值）1-11-21-3添加用户：把添加到添加用户组件的数据传给父组件，父组件再添加到数组（子组件给父组件传值）2-12-22-3删除用户：把用户列表组件id传给父组件，父组件再根据id查询到索引，删除对应的元素（子组件给
itmacy·2019-08-29 18:00

Vue入门教程--v-model数据的双向绑定详解（article:5）

Vue.js初步入门属性介绍v-model：唯一一个可以实现双向数据绑定的属性使用详解1.v-model原生js中，要是想将标签元素上嵌入自定义数据，必须增加一个data-*的属性来嵌入：按钮functionhandleBtn(res){console.info(res.getAttribute("data-myData"));};而且这种数据嵌入方式是单向的，要想取回来也要调用DOM对象进行设置
DuCeh·2019-08-28 16:15

Vue入门到TodoList练手

学习资料慕课网-vue2.5入门基础语法示例代码1hello{{msg}}newVue({el:"#root",template:'hello{{msg}}',data:{msg:"world"}})挂载点：vue实例绑定的dom节点模板：挂载点输出的内容，可以直接在挂载点内部编写，也可以通过template属性实现。示例代码1中div标签内部的hello{{msg}}和vue中的template
程序小工·2019-08-28 14:00

Vue专题(一)-Vue入门

1.前言先聊一下前端开发模式的发展。静态页面最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容即可。异步刷新，操作DOM1995年，网景工程师BrendanEich花了10天时间设计了JavaScript语言.随着JavaScript的诞生，我们可以操作页面的DOM元素及样式，页面有了一些动态的效果，但是依然是以静态为主。a
IT熊猫学院·2019-08-25 13:49

vue入门demo：用户管理2

该demo由前端请求后台服务器获取数据进行渲染使用到的技术点1.使用到的vue指令：{{}}v-ifv-forv-model2.使用到的事件：@click点击事件，@keyup.enter回车3.使用到的事件修饰符：.prevent阻止事件默认行为4.使用vue-resource发起请求获取服务端返回的数据5.使用生命周期函数created()，即在页面渲染前请求用户列表6.自定义私有过滤器7.j
itmacy·2019-08-24 13:00

vue入门demo：用户管理1

该demo纯前端实现使用到vue技术点：1.在该demo中使用到的vue指令：{{}}、v-if、v-model、@clickv-for2.在该demo中使用到的事件修饰符：.prevent（阻止事件默认行为）3.在该demo中使用到的api:arr.push(item,...)：向数组末尾添加一个或多个元素arr.splice(index,num)：删除并插入，删除指定索引和数量的元素，并添加新
itmacy·2019-08-23 18:00

使用Vue开发微信小程序：mpvue框架

原文链接：https://www.jianshu.com/p/8f779950bfd9【原文地址】mpvue入门系列教程：如何在mpvue中正确的引用小程序的原生自定义组件使用mpvue开发小程序教程（
pengjunlee·2019-08-22 17:11

vue入门示例（一）

为了让广大后端人员更快的理解上手vue，我们先不适用ide和vue-cli等工具，先采用手动引入js的方式，从一个最简单的例子开始，循序渐进1.到官网下下vue.jsvue官网我们这里使用开发版，它包含了许多警告提示信息新建一个文件夹把vue.js放进去，然后创建一个html文件命名为index.html2.第一个helloworld编辑index的内容hello{{msg}}newVue({el
herokang·2019-08-21 15:58

Vue入门---配置环境，搭建项目

当下三大主流框架：Vue，Angular，React。因Vue的一些优势，Vue成为许多前端开发者的首选框架。依据17年-18年的框架使用趋势，可以看出来Vue迅速被越来越多前端开发者使用。17、18年的框架使用搭建Vue环境：一、搭建node.js环境下载网址：https://nodejs.org/en/nodejs官网下载一般下载稳定版本即可。其他环境下载版本下载完成安装，直接一路next，是
小小米柚儿·2019-08-16 11:04

后端小白的VUE入门笔记, 进阶篇

使用vue-cli(脚手架)搭建项目基于vue-cli创建一个模板项目通过npmroot-g可以查看vue全局安装目录,进而知道自己有没有安装vue-cli如果没有安装的话,使用如下命令全局安装cnpminstall-gvue-cli创建一个基于webpack的新项目,在这过程中,会安装依赖vueinitwebpack项目名启动cdvue-router-demonpmstart常用的目录结构如果我
赐我白日梦·2019-08-09 10:00

Web——Vue入门语法

vue入门{{msg}}//声明一个vue对象newVue({el:"#root1",data:{msg:"thisismycoat!"}})
何惜戈·2019-08-07 22:01

后端小白的VUE入门笔记, 前端高能慎入

因为项目需要前后端分离,后端竟然不用控制view层了,页面的跳转后端不再干涉,(前端的vue经过打包后成了一张index.html)后端只需要响应给前端json串就ok,其实这不是爽歪歪?但是觉得还是奇奇怪怪,感觉前端是个黑盒了,于是忍不住去学习了vue感觉前端的框架带来的这种前后端分离变化还是特别明显的,后端确实不用再操心view层了,页面的转换有vue通过后端的切换不同的组件,后端基本上没有什
赐我白日梦·2019-08-05 15:00

从Vue入门到React入门

脚手架vue-cli=>create-react-app(create-react-appxxx--typescript)proxy接口代理老版本vue-cli的代理在config下的config/proxyConfig中配置，然后再在config/index.js下的proxyTable中引入module.exports={proxy:{'/xxxx':{target:'http://xxx.c
zpkzpk·2019-07-29 14:18

vue入门安装

安装node.js首先需要安装好node.js,在官网下载，安装好后，可以在命令行输入node-v来检测是否安装好。新版的一般自带npm，使用npm-v来检测是否安装了npm中国境内最好安装淘宝的镜像npminstallcnpm-g安装vue-clivue-cli是官方提供的一个脚手架，着实好用。PS：没有安装cnpm就把cnpm换成npmcnpminstall--globalvue-cli初始化
NignSah·2019-07-07 10:02

Vue入门

npminstall-gcnpm--registry=https://registry.npm.taobao.orgcnpminstall--globalvue-clivueinitwebpackmy-projectcdmy-projectcnpminstallnpmrundevdata中return的都是用到的定义的数据过滤器filters:{}输出字符倒序msg.split('').rever
月夜星星雨·2019-07-02 17:12

vue入门以及一些常用指令

入门练习{{msg}}//创建vue实例--mvvm中的vmviewmodelvarvm=newVue({el:'#app',//挂载元素，当前vue实例控制区域data:{//当前vue实例的数据，--mvvm中的mmsg:'helloVue!!!'}})常用指令v-cloak处理数据渲染时，因网速过慢，导致用户看家类似{{msg}}的数据{{msg}}varvm=newVue({el:"#ap
北街九条狗·2019-06-28 10:45

vue入门实战小案例

实现页面表单添加列表功能。使用vue之前先要引入vue.js上代码：01-Vue的常用指令-综合练习#app{margin:50pxauto;width:600px;}fieldset{border:1pxsolidorangered;margin-bottom:20px;}fieldsetinput{width:200px;height:30px;margin:10px0;}table{widt
壹之形·2019-06-24 23:22

VUE全局变量与局部变量---(vue入门 文档学习记录)

转自:https://www.cnblogs.com/webxu20180730/p/10890888.html作用域:全局作用域：Vue对象全局api局部作用域：实例对象vm实例api组件component组件配置选项在引入Vue文件时，就相当于拥有了一个全局Vue对象。在varvm=newVue(option)时，就相当于创建了一个实例对象vm在注册一个组件后，就相当于创建了一个组件对象。全局
爱飞的笨鸟·2019-06-24 11:32

vue入门案例

12345vue入门6789101112{{message}}131415//创建一个Vue的实例，让这个实例去接管id为app的这个元素16varvue=newVue({17el:"#app",//el
小段大帅·2019-06-23 10:00

vue入门案例

12345vue入门6789101112{{message}}131415//创建一个Vue的实例，让这个实例去接管id为app的这个元素16varvue=newVue({17el:"#app",//el
别先生·2019-06-23 10:00

Vue入门十三、路由的传参和取参

1、查询参login?id=12345配置：（传参）:to="{name:'login',query:{id:'loginid'}}"获取：（取参）this.$route.query.id2、路由参数配置：（传参）:to="{name:'login',params:{id:'loginid'}}"获取：（取参）this.$route.params.id3、路径参数register/register
茕茕木偶·2019-06-11 11:26

Vue入门十二、路由的跳转

路由之间的跳转有再种：1、通过标签去登录实现跳转2、通过js实现：this.$router.push({path:'/buy'})this.$router.replace({path:'/buy'})2.1push与replace的区别push会向history插入新记录replace不会插入history历史记录，如果返回上一页，则会跳转到上上一页中。上一页是不存在的返回上一页面：this.$r
茕茕木偶·2019-06-07 12:16

vue入门4---表单输入的绑定、Vue实例生命周期

一、表单输入绑定使用v-model(双向数据绑定)自动收集数据text/textareacheckboxradioselect用户名:密码:性别radio:女男爱好checkbox:篮球足球乒乓城市select:未选择{{city.name}}介绍textarea:newVue({el:'#demo',data:{username:'',pwd:'',sex:'男',//默认显示男likes:['
奋斗滴猩猩·2019-06-05 11:39

vue入门1----Vue基本使用

一、Vue插件介绍1.定义：vue是渐进式开发框架，即如果有现成的服务端应用，可以将vue作为该应用的一部分嵌入其中，可先用核心的库，若有特殊需求，再加入特定的插件，这样会有更加丰富的交互体验。2.vue的特点：MVVM模式；编码简洁，体积小，效率高；只关注视图层（UI），轻松引入vue插件和其他第三方开发项目；作用：可动态构建用户界面，（构建指将后台数据动态展示在前端界面）声明式编程3.vue与
奋斗滴猩猩·2019-06-05 10:30

二、Vue实例中的数据、事件和方法（v-text、v-html、v-on）

二、Vue实例中的数据、事件和方法（v-text、v-html、v-on）Vue入门{{msg}}newVue({el:"#root",data:{msg:"helloworld"}})上述例子中，data
李浩然_6fd1·2019-06-05 00:41

简单的vue入门案例

一、简单入门HelloWorld案例二、插值表达式三、点击事件四、按键事件1.如果按下不是0-9则阻止事件执行2.打印按下什么按键五、鼠标事件1.打印绝对坐标2.打印相对坐标3.鼠标mousemove4.阻止冒泡(阻止事件的传播)六、事件修饰符1.阻止跳转页面v-on:submit.prevent@click==v-on:click2.阻止向上传递@click.stop七、按键修饰符1.指定键盘按
L-李俊漩·2019-06-04 17:24
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他