vue基础

Vue学习笔记一：Vue基础环境搭建及相关文件说明

一、前言说明去年有个项目有用到Vue，当时太忙一直没有总结。今年下半年再次使用Vue时竟有些生疏，故还是写成博客记录之，以便日后再来看时能迅速记起。首先要安装webpack、nodejs。npm是node的包管理工具，其服务器在国外，有时候安装依赖会很慢，可以安装cnpm（淘宝的npm镜像），其安装步骤为：（1）cmd下直接安装：npminstall-gcnpm--registry=https:/
爱睡懒觉的老舅·2019-12-12 11:10

Vue基础篇（五）

本教程分为三部分：基础进阶实战，深入浅出Vue.js基础篇持续更新中------列表渲染指令v-for用法:当需要将一个数组遍历或枚举一个对象属性的时候循环显示时，就会用到列表渲染指令v-for。两种使用场景：遍历多个对象遍历一个对象的多个属性举个栗子：v-for的用法：v-for一定是写在要遍历的元素上，v-for后接等号，类似于iteminitems(1)遍历多个对象：一定是遍历的数组学好Vu
缺月楼·2019-12-12 07:53

[js]vue小结

vue基础-vue是一个渐进式框架vue(视图渲染)components(路由机制)vue-router(路由管理)vuex(状态管理)vuecli(构建工具)-库和框架库如jQuery,是调用它的函数实现功能
毛台·2019-12-11 23:00

vue基础

前端三大框架Angular.js、React.js、Vue.js，目前最热的是Vue并且使用热度还在递增中，vue已经将操作页面的方法都封装好，我们只需要对数据进行修改就可以完成页面的显示，vue的核心思想是只要改变数据，页面就发生变化vue和js的区别？vue在js的基础上进行了优化，增加vue最强大的特点，对数据操作特别的友好，引入https://unpkg.com/vue/dist/vue.
laosun0204·2019-12-11 23:00

Vue基础框架

let_this;varapp=newVue({el:"#app",data(){return{msg:'helloworld',button:'转换大小写'};},beforeCreate(){_this=this;},watch:{},computed:{},methods:{changeText(){if(_this.msg=='helloworld'){letmsg=_this.msg.r
雨落秋垣·2019-12-11 17:00

vue脚手架版本（2.0,3.0）与 vue版本（2.x,3.x）

版本当前vue基础语言版本，有2.x、3.x（Alpha预览版已经上线，正式版预计发布2020年）当前vue-cli版本有vue-cli2.0、vue-cli3.0（目前它们都是基于Vue2.0语法开发
squidbrother·2019-12-07 16:08

Vue项目剖析

前言在github搜索了一些关于vue的前端源码，感觉这个demo组件少，内建自带api填充数据，以及在结构目录和设计模式可以用来参考，便打算clone下来探究探究项目来源:github要求：需要一定的Vue
可爱的煎饼·2019-12-07 03:02

「vue基础」一篇浅显易懂的 Vue 路由使用指南（ Vue Router 下）

大家好，在上一篇系列文章里，我们一起学习了路由的基本配置，如何创建路由和传参，本篇文章我们一起学习下Navigation导航和路由守卫的相关内容。Navigation如果要改变当前路径，我们可以使用自带的组件和JS编码的两种方式进行实现。一、Links方式尽管你可以使用标准的标签功能进行实现，但是使用功能有以下优点：1、当URL与当前路由匹配时，能自动匹配定义的“active”样式（这个你需要在路
潘正·2019-12-05 16:00

「vue基础」一篇浅显易懂的 Vue 路由使用指南（ Vue Router 上）

大家好，今天的内容，我将和大家一起聊聊Vue路由相关的知识，如果你以前做过服务端相关的开发，那你一定会对程序的URL结构有所了解，我没记错的话也是路由映射的概念，需要进行配置。其实前端这些框架的路由概念也是借鉴了后端路由框架的思想，让我们能像后端一样，进行路由规则化的配置。Vue的路由插件不仅是官方提供还有完善的文档，还有一个优势就是随着Vue版本同步更新。安装路由插件（VueRouter）你可以
潘正·2019-12-05 16:00

详解vue组件三大核心概念

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。
浪里行舟·2019-11-30 12:50

vue

vue基础语法标签（空格分隔）：vue插值文本指令v-text和{{}}效果几乎相同。Message:{{msg}}双大括号（{{}}）会将数据解释为纯文本。
单ccc·2019-11-29 08:39

Vue基础学习（一）

V-bind表达式首先定义元素的属性varvm=newVue({el:'#app',data:{msg:'大字体',mytitle:'这是使用v-bind定义的标题'}})v-bind表达式是用来绑定元素属性的例如这样就可以绑定元素的title属性同时我们还可以将进行表达式的字符串的改变例如当然v-bind可以直接简写为:例如v-on表达式v-on表达式主要是Vue针对于传统dom元素的一些相应事
赵镇·2019-11-29 07:49

Vue基础语法总结大全

data属性-v-html，v-text采用{{}}语法==>插值运算v-html：它可以加标签，它会解析成htmlv-text：不能加标签，如果加了，它会当作字符串展示出来例子：++++++{{msg}}+++++************{{msg2}}12345678varvm=newVue({el:'#app',data:{msg:'yuyu',msg2:'小鱼儿与花无缺'}})v-cloa
qq_38577700·2019-11-26 09:22

vue基础

Vue渐进式JavaScript框架通过对框架的了解与运用程度，来决定其在整个项目中的应用范围，最终可以独立以框架方式完成整个web前端项目一、走进Vue1、what--什么是Vue可以独立完成前后端分离式web项目的JavaScript框架2、why--为什么要学习Vue三大主流框架之一：AngularReactVue先进的前端设计模式：MVVM可以完全脱离服务器端，以前端代码复用的方式渲染整个
yscl·2019-11-26 01:00

Vue知识点系列一基础知识总结

一.Vue基础知识点1.1-历史介绍angular09年，年份较早，一开始大家是拒绝react2013年,用户体验好，直接拉到一堆粉丝vue2014年,用户体验好在为AngularJS工作之后，Vue的作者尤雨溪开发出了这一框架
拎着蜗牛跑的壳儿·2019-11-24 18:23

vue基础以及常用组件大集合

1.创建项目-脚手架快速构建//注：cli前全局安装webpack与vuenpminstallwebpack-gwebpack-v;vue-clivue-V//执行vueinitwebpackvue_demo2.配置sass,以及全局引入sass变量npminstall--save-devsass-loadernpminstall--save-devnode-sassnpminstall--sav
大佬_娜·2019-11-22 17:51

01-Vue.js基础

一、Vue基础1、介绍Vue是一套用于构建用户界面的渐进式框架。Vue的核心库只关注视图层，不仅容易上手，还便于与第三方库或既有的项目整合。
一知.半解·2019-11-20 13:00

vue基础篇(2)

vue基础篇(2)"""1、箭头函数letfn=(a,b)=>a+b;let函数名=(参数列表)=>{函数体}2、函数原型：给函数设置原型Fn.prototype.变量=值，那么Fnnew出来的对象都可以共用原型变量
Huise.J·2019-11-15 19:00

Vue基础系列（五）——Vue中的指令（中）

VUE基础系列目录《VUE基础系列（一）——VUE入坑第一篇》《VUE基础系列（二）——VUE中的methods属性》《VUE基础系列（三）——VUE模板中的数据绑定语法》《VUE基础系列（四）——VUE
小土豆biubiubiu·2019-11-15 16:00

Vue基础系列（四）——Vue中的指令（上）

VUE基础系列目录《VUE基础系列（一）——VUE入坑第一篇》《VUE基础系列（二）——VUE中的methods属性》《VUE基础系列（三）——VUE模板中的数据绑定语法》《VUE基础系列（四）——VUE
小土豆biubiubiu·2019-11-15 10:00

Vue基础系列（三）——Vue模板中的数据绑定语法

VUE基础系列目录《VUE基础系列（一）——VUE入坑第一篇》《VUE基础系列（二）——VUE中的methods属性》《VUE基础系列（三）——VUE模板中的数据绑定语法》《VUE基础系列（四）——VUE
小土豆biubiubiu·2019-11-14 19:00

Vue基础系列（二）——Vue中的methods属性

VUE基础系列目录《VUE基础系列（一）——VUE入坑第一篇》《VUE基础系列（二）——VUE中的methods属性》《VUE基础系列（三）——VUE模板中的数据绑定语法》《V
小土豆biubiubiu·2019-11-07 11:00

Vue基础系列（一）——Vue入坑第一篇

VUE基础系列目录《VUE基础系列（一）——VUE入坑第一篇》《VUE基础系列（二）——VUE中的methods属性》《VUE基础系列（三）——VUE模板中的数据绑定语法》《VUE基础系列（四）——VUE
小土豆biubiubiu·2019-11-06 19:00

vue

vue基础构造器：**newVue()**数据绑定计算属性：el：，data：{}，watch:{},methods：{},computed：{}vue实例属性与方法：带有前缀$，以便与data属性区分例如
_士心_·2019-11-05 06:21

Vue基础

Vue实例每个Vue.js应用都是通过构造函数Vue创建一个Vue的根实例启动的。每个Vue实例都会代理其data对象里所有的属性，只有被代理的属性是响应的。除了data属性，Vue实例其他属性与方法都有前缀$，与代理的data属性区分。vardata={a:1}varvm=newVue({data:data})vm.a===data.a//->true模板语法Vue.js使用了基于HTML的模板
Miss_麦兜·2019-11-04 09:07

使用思维导图总结Vue.js官方文档（例子优化、难点及易错点注释）【上】

vue基础知识部分（子主题未展开版）.png思维导图（文件名：vue基础知识部分.
该帐号已被查封·2019-11-03 18:36

构建Vue开发环境

vue基础：https:/
xuyouxin1·2019-11-03 13:04

Vue

Vue基础起步Vue采用的是MVVM的思想官方教程创建Vue对象使用Vue语法时需要先创建一个Vue对象{{message.split('').reverse().join('')}}test鼠标悬停几秒钟查看此处动态绑定的提示信息
山高路远_海深不蓝·2019-11-03 08:15

Vue小知识

Vue基础知识Vue框架作用拓展html的功能,属性vue是一套构建用户界面的渐进式框架，Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。
Rx_d775·2019-10-31 20:06

vue基础概念介绍

组件化vue的组件化是指把传统的html,css,js资源集成到一个.vue文件中，组成一个单独的组件，被其他模块调用，不再是文件之间相互引用，增加代码复用性。Paste_Image.pngvue组件的重要选项data：vue对象的数据methods：vue对象的方法watch：设置对象的监听方法模板指令数据渲染：v-text,v-html,{{}}Paste_Image.png控制模块隐藏：v-
SplendorZhang·2019-10-31 13:50

Vue基础理解及深入响应式原理

目录初步认识vue1.vue版本2.vue源代码【思维】3.数据驱动视图4.双向绑定5.面试题/理解：如何理解Vue深入响应式原理？初步认识vue1.vue版本vue1.02014年vue2.02016年vue3.0【试用版】2019年国庆2.vue源代码【思维】当我们通过script引入vue.js后，就会全局注册一个Vue变量，它是一个构造函数匿名函数(function(形参1，形参2){/*
ZEROZZXY1013·2019-10-26 11:07

web前端开发高级

前端高效开发框架技术与应用Vue基础Vue框架简介MVX模式介绍Vue框架概述如何使用Vue.js基础语法实例对象生命周期模板语法计算属性Methods方法渲染列表渲染条件渲染事件与表单事件处理事件对象事件委派表单处理
达达前端小酒馆·2019-10-24 07:00

Vue基础习题

1.实现微博发布功能：发布微博点击“按钮”，把文本框内容渲染到页面下方。点击红色“X”，删除当前条内容。页面样式可以自定义发布微博li{height:50px;width:800px;background-color:orange;}发布微博{{v}}XnewVue({el:'#app',data:{article:["这是第一条微博","这是第二条微博"],msg:''},methods:{ad
Hydra.·2019-10-23 10:14

适合前端Vue开发童鞋的跨平台Weex

无疑，相对于后两者，因为你现在已有比较熟练的Vue基础，如果在其他条件一致的情况，Weex无疑是最佳选择；但是Weex真的适合在实际项目中进行移动端跨平台开发吗？
xiangzhihong·2019-10-16 22:25

适合前端Vue开发童鞋的跨平台Weex

无疑，相对于后两者，因为你现在已有比较熟练的Vue基础，如果在其他条件一致的情况，Weex无疑是最佳选择；但是Weex真的适合在实际项目中进行移动端跨平台开发吗？
xiangzhihong8·2019-10-15 22:30

前端Vue面试题笔试题

Vue基础必备1、v-show与v-if区别1、v-show是css切换，v-if是完整的销毁和重新创建。
小羊羔·2019-10-15 05:03

极客时间-vue开发实战学习（ant-design vue作者）

vue基础属性事件插槽指令（Directives）生命周期底层原理vue生态路由管理器vueRouter状态管理器vuex同构Nuxtvue实战实战项目-ant-desingprovue的开发、测试、打包构建
西街二叔·2019-10-12 17:00

vue基础

v-once指令"""v-once：单独使用，限制的标签内容一旦赋值，便不可被动更改(如果是输入框，可以主动修改)"""{{msg}}{{msg}}newVue({el:'#app',data:{msg:'初始值'}})应用处就是比如在被v-model绑定的标签上加上v-once的属性，它就不会跟着另一个标签的值变动而变动。v-cloak指令(了解)"""v-cloak：防止页面闪烁"""[v-c
AbrahamChen·2019-10-10 22:00

vue基础二，组件

vue二：指令：1，v-once指令：v-once：单独使用，限制的标签内容一旦赋值，便不可被动更改(如果是输入框，可以主动修改){{msg}}{{msg}}newVue({el:'#app',data:{msg:'初始值'}})2，v-cloak:斗篷指令（了解）v-cloak：防止页面闪烁[v-cloak]{display:none;}{{}}{{}}{{}}newVue({el:'#app'
在于折腾·2019-10-10 19:00

vue基础一：

路飞项目：1，vue知识1，vue导读：2，vue基础知识：3，实例成员-数据（data）4，实例成员—过滤器filters,指令相关：5，文本指令6.事件指令：7，属性指令8.动态修改文本样式案列9，
在于折腾·2019-10-09 17:00

Vue基础入门(四)

一、模块化开发1.vue-router模块化cnpminstallvue-router-S1.1编辑main.js1.2编辑App.vue1.3编辑router.config.js2.axios模块化cnpminstallaxios-S使用axios的两种方式：方式1：在每个组件中引入axios方式2：在main.js中全局引入axios并添加到Vue原型中3.为自定义组件添加事件二、Elment
老邋遢·2019-10-08 20:20

Vue基础入门(三)

一、组件component1.什么是组件？组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码组件是自定义元素（对象）2.定义组件的方式方式1：先创建组件构造器，然后由组件构造器创建组件方式2：直接创建组件3.组件的分类分类：全局组件、局部组件4.引用模板将组件内容放到模板中并引用5.动态组件组件多个组件使用同一个挂载点，然后动态的在它们之间切换组件
老邋遢·2019-10-08 20:37

vue源码分析之骨架

函数进行编写，如果使用webpack的vue-loader他会自动把*.vue转换成render,所以只需要运行时就可以了，运行时比编译时减少30%vue模块vue分为核心模块和扩展模块，核心模块实现vue
dami.white·2019-10-06 11:00

vue基础----组件通信（props,$emit,$attrs,$listeners）

一、父传子，子传孙1.props1>在父组件中通过子组件自定义的标签属性来传递数据。2>在子组件中通过props声明希望用到的数据1234567letvm=newVue({8el:"#app",9data:{10msg:"helloyilia"11},12methods:{13fn(){14console.log("father");15}16},17components:{18"my-fathe
朝颜陌·2019-09-30 18:00

慕课网Vue基础知识学习笔记

慕课网Vue基础知识学习1.基础知识挂载点：el对应的id模板：指的就是挂载点DOM内部的标签内容，可以在Vue实例中，设置template属性值；实例参数：newVue({})：Vue实例调用，参数为对象
果木山·2019-09-30 17:13

vue

vue基础template是一个标签但是在页面不显示vue自带的标签设计模式（MVC/MVP/MVVM）的区别Vue.js（读音/vjuː/,类似于view）是一个构建数据驱动的web界面的渐进式MVVM
Lucky*jay·2019-09-28 12:00

Vue基础项目配置

一，使用Vuejs搭建项目需要一些基础配置，这样能使的编程过程事半功倍首先下载nodejs，然后使用nodejs使用NPM命令下载VueCli3.0以上的Vue脚手架。通过脚手架可以使用Vueui图形界面创建项目，也可以使用vuecreatexxx来使用命令行来创建项目。创建项目之时最重要的选项就是使用配置文件最好各个配置文件分开，不要集中在。创建完项目之后启动项目npmrunserve.在项目目
燎原创客·2019-09-25 11:00

Vue基础知识

先上一张MVVM框架逻辑图，不同于传统MVP/MVC前后端分离框架，MVVM保留了M层（模型层）和V层（视图层），而把C/P层（控制层）用框架封装VM层（ViewModel层），用取而代之。省掉了很多C/P层中对DOM的操作代码。如果需要修改V层显示，只需要修改M层就可以。image.png1.vue的三个特点：数据双向绑定，组件化，单文件组件2、vue的基本概念全局api：vue.extend、
IT飞牛·2019-09-24 11:34

VUE基础实用技巧

Vue以前听说过，有了解过一点。当时还在热衷于原生JavaScript去写一些方法的封装，不是为啥，就感觉这样很帅，后面多多少少接触了一些JQuery的用法，到现在为止，JavaScript原生封装的一些方法，该忘的都忘了。上一家公司需要用到Vue，所以就利用下班的时候学习Vue。有次公司部门的培训，一位大佬总结的实用技巧，感觉不错，在这里记录下来，方便以后查询，也与大家分享。阮一峰老师写的：ht
冰乐·2019-09-22 23:00

vue学习总结

一.vue基础Vue的介绍及安装和导入Vue的使用Vue成员获取Vue中的循环以及修改差值表达式vue中methods,computed，filters,watch的总结Vue中组件Vue中插槽指令Vue
小小咸鱼YwY·2019-09-22 19:00
上一页 29 30 31 32 33 34 35 36 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他