Vue基础

VUE基础知识

条件渲染v-ifVue会尝试复用页面上的DOM，如切换input但是input的值却没有发生改变如下，当v-if改变成v-else时，input中的内容时不会改变的（v-show的隐藏和显示的实质是，在css添加display:none属性，如果要频繁的隐藏和显示最好用v-showv-if的隐藏和显示的实质是，将不将这个DOM插进页面去）用户名：昵称：解决方法：用key管理可复用的元素Vue为你提
满舰饰v·2020-07-28 08:03

vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础

Vue基础语法：实例对象，生命周期，模板语法，计算属性，methods方法Vue渲染：列表渲染，条件渲染Vue事件与表单：事件处理，事件对象，事件委派，表单处理MVX模式简介：MVX框架模式：MVC+MVP
达达前端·2020-07-28 07:14

前端学习之VUE基础一：什么是Vue、指令、事件/样式/属性绑定、分支/循环结构

文章目录一、Vue:1.vue是什么？2.Vue基本使用3.:使用Vue将helloworld渲染到页面上:3.1模板语法概述:二、指令：1.什么是指令：2.v-cloak防止闪动：3.渲染:3.1v-text将数据填充到标签中:3.2v-html将HTML片段填充到标签中:3.3v-pre跳过编译过程:4.数据响应式:4.1如何理解数据响应式:4.2什么是数据绑定;4.3v-once:只编译一次
浅弋、璃鱼·2020-07-28 07:43

vue+mockjs的小用法

最近想往数据库里导一些数据，同事推荐了mock，了解一下觉得不错，现将在vue用的mock贴上来写在前默认看此文的盆友都是有vue基础的哟~~一、导读将mockjs的数据直接展示在vue页面上mockjs
张井乙ccccyc·2020-07-28 06:49

vue.js

Vue.js一、Vue基础Vue基础11.0前端开发流程规范前端开发流程规范1.1前端框架发展历史htmlhtml[1990]---->html5[2008.1.12]csscss1.01996css2.01998css3.02001EcmaScript1997
nanwanLisa·2020-07-28 04:56

Vue基础：组件--slot、异步组件、递归组件及其他

slot分发内容为了让组件可以组合，我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为内容分发。Vue中使用特殊的元素作为原始内容的插槽。问题（编译作用域）message应该绑定到父组件的数据，还是绑定到子组件的数据？{{message}}答案是父组件。父组件模板的内容在父组件作用域内编译；子组件模板的内容在子组件作用域内编译。单个slot除非子组件模板包含至少一个插口，否则父组
奋飛·2020-07-28 02:48

Vue渐进式框架开发

Vue渐进式框架开发一、Vue基础1.1什么是vuejsVuejs是一个用于构建交互式web界面的库。并提供了双向数据绑定功能和一个可组合的组件系统。
hiliny-H·2020-07-27 23:55

Vue基础复习

watch属性:监听指定值的变化（异步场景）computed计算属性：方法里的任意一个值发生变化就会监听到（数据联动）条件渲染：v-ifv-elsev-else-ifv-show列表渲染：v-for属性绑定：v-bind:xxx(:xxx)class绑定（:class）style绑定（:style）vue-cli脚手架：安装全局vue-cli：$npminstall-g@vue/cli创建项目：进
guanguan0_0·2020-07-27 22:46

Vue基础知识微笔记

一.建立搭建Vue项目1.在项目路径下输入命令行npminstall-glive-server安装npm及服务2.输入live-server启动服务器3.在项目路径下输入npminit4.按步骤输入实例项目内容（创建npm）1）packagename:vue2)description:Vuedemo3)author:Zidee4）确认黄色部分无误5）Yes,成功创建并生成package.json文
Zidee·2020-07-27 18:35

VUE框架：基础知识及核心原理

VUE框架第一部分：基础知识及核心原理VUE基础概念https://cn.vuejs.orgVue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架特点：易用、灵活、高效全家桶：vue
Zwx886·2020-07-27 18:32

20200717——vue浏览器字体兼容/项目目录调整/Merge Requests代码评审/vue基础问题整理

目录一.vue实现不同浏览器字体兼容场景：思源黑体SourceHanSansCNRegular，在chrome中正常显示，在safari中无法显示1.获取思源黑体字体文件2.在src/assets中新建fonts文件夹，将字体文件放入其中3.添加/修改字体.css/less文件4.在main.js（必须）中引入.css/less文件二.项目目录调整场景：原来项目中只有components文件夹存放
Lyrelion·2020-07-27 16:31

万字总结Vue(包含全家桶),希望这一篇可以帮到您

注意引入Vue文件全部代码等所有都更新完成之后会上传GitHub或者码云.我会抓紧时间更新的Vue基础部分和手写Vue部分(解释还没更新出来)已经上传.需要请点击这里VueX和VueRouter部分更新也上传了
Kimser·2020-07-27 16:05

Vue基础入门知识总结

1.什么是VueVue.js是一个渐进式JavaScript框架，作者尤雨溪。Vue.js的目标是通过尽可能简单的API，实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。2.MVVM模式MVVM：是Vue框架提供一种模式，分离了Model数据和View视图。我们只要从服务端加载数据：Model。Vue框架会帮我们把数据显示到View页面上如果View页面上的数据
傻小子什么时候有春天啊·2020-07-27 15:29

自己用的vue总结

vue基础模板（视图）封装好的应用程序，它只是js文件的封装。业务逻辑指令文本渲染：{{}}、v-text、v-html，属性绑定：v-bind：title、:
倾葵·2020-07-27 11:02

vue基础用法

文章目录准备工作1.vue.js的快速入门使用1.1vue.js库的下载1.2vue.js库的基本使用1.3vue.js的M-V-VM思想1.4显示数据2.常用指令2.4条件渲染指令2.4.1v-if2.4.2v-else2.4.3v-else-if2.4.4v-show2.5列表渲染指令3.Vue对象提供的属性功能3.1过滤器3.1.1使用Vue.filter()进行全局定义3.1.2在vue对
stgsd199051·2020-07-20 22:07

Vue基础语法——挂载点、模板、实例、插值表达式

Vue的基础语法挂载点：vue实例的挂载点，el属性所对应的id所在的标签，vue只会处理挂载点里面的东西。模板：写在挂载点里面的内容（也可以现在实例的template属性里面。）实例：只需要指定挂载点，将模板和数据写上，vue会自带将模板里的东西处理显示在挂载点之中。上述例子中vue实例的挂载点为id=root所在的div标签。template里为模板data里为数据插值表达式插值表达式语法：{
GaHin_·2020-07-18 22:25

vue基础2

axioshttp请求安装切换到项目目录cd/vroutercnpminstallaxios-S挂载main.jsimportaxiosfrom'axios';Vue.prototype.$http=axios;getthis.$http.get(url?page=1)this.$http.get(url,params:{page:2})postthis.$http.post(url,"k=v&k
一只小丫丫·2020-07-16 10:27

Vue基础精讲 —— render function创建Vue组件（实例）

Vue一共有三种方式定义组件template、render、jsx本节介绍用renderfunction来定义组件importVuefrom'vue'constcomponent={props:['props1'],name:'comp',//同下：//template:`//////{{props1}}////`,render(createElement){returncreateElement
Hayley2016·2020-07-16 05:54

Web全栈架构师正式课 Vue.JS及实战项目

|____vue初级——查漏补缺（1）|____第6课Vue插件-下（2018.6.9）.mp4|____第5课Vue插件-上（2018.6.9）.mp4|____第4课Vue基础-下(2018.6.7
pengbaobaxiongdi·2020-07-16 04:49

Vue

目录Vue基础Vue是什么安装介绍声明式渲染条件与循环处理用户输入组件化应用构建Vue实例实例生命周期钩子beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestoryed
程序媛小小平·2020-07-16 03:08

Vue基础之vue安装并创建第一个项目

vue简介：1vue官网：https://cn.vuejs.org/2github地址：https://github.com/vuejs/vue/releases3vue当前最新稳定版本：v2.6.11vue的安装：1node环境node.js官网下载：https://nodejs.org/en/并安装2切换淘宝npm镜像源：命令：npminstall-gcnpm--registry=https:
xudailong_blog·2020-07-15 10:33

Vue基础

Vue介绍vue特点:数据驱动视图>修改数据>视图修改(不需要操作dom)双向数据绑定—>表单数据使用M-V-VM开发思想不支持IE8以下,包含IE8M-V-VM开发思想具体详解:看下图Vue基础体验{
钢蛋快闭嘴·2020-07-15 09:12

vue基础巩固

1、生命周期一旦你使用了keep-alive，那么你就可以访问另外两个生命周期钩子：activated和deactivated。如果你想要在一个keep-alive组件被移除的时候进行清理或改变数据，可以使用deactivated钩子。2、动态参数3、计算属性缓存vs方法4、计算属性vs侦听属性5、计算属性的setter6、绑定HTMLClass（1）对象语法（2）数组语法7、绑定内联样式（1）对
-特立独行的喵-·2020-07-15 06:11

使用vue+express+mongoose打造商城

趁着寒假有时间，想加强下自己的vue基础同时学习node和mongodb，于是选择了一门慕课网的实战来学习技术栈：vue+vue-router+vuex(一点)+axios+express+mongoose
volare_whz·2020-07-15 02:46

2018最新vue.js仿锤子商城实战

知识点：vue基础组件库、vuex、vue-router、vue-cli以及webpack。课程目录1Vue仿锤子商城实战1-项目介绍2-环境配置及目录结构3-商品列表页的布局4-
qq_43713457·2020-07-14 21:16

Vue -- API学习 (二)

Vue基础部分一、Vue的实例只有当标签被赋予成Vue的容器的时候，才能成为Vue的实例，才能唤起Vue的功能。
坤少的IT之路·2020-07-14 19:36

Get全栈技能点 Vue2.0 / Node.js / MongoDB 打造商城系统

课程地址www.icours8.com/h-pd-239.html#_pp=2_323第1章课程介绍第2章Vue基础第3章Vue-router第4章Vue-resource/Axios第5章ES6常用语法第
qq_38472612·2020-07-14 19:52

【学习笔记】使用vue2实现购物车和地址选配功能

感谢免费教学：https://www.imooc.com/video/14039首先，vue基础js写法newVue({el:"#app",//模型data:{},filters:{},mounted:
起風了·2020-07-14 18:18

Vue基础精讲 —— Vue中computed和watch使用场景和方法

watch和computed都是以Vue的依赖追踪机制为基础，它们都试图处理这样一件事情：当某一个数据（称它为依赖数据）发生变化的时候，所有依赖这个数据的“相关”数据“自动”发生变化，也就是自动调用相关的函数去实现数据的变动。methods用来定义函数，它需要手动调用才能执行，需要像”fuc()”这样去调用它（假设函数为fuc）computed是计算属性，事实上和data对象里的数据属性是同一类的
Hayley2016·2020-07-14 17:14

慕课网前端项目：Vue2.0+Node.js+MongoDB全栈打造商城系统 笔记 整理【1/18】

wmv1.4vue的优点对比.wmv第2章2-1nodejs和npm的安装和环境搭建.wmv2-2vue环境搭建以及vue-cli使用.wmv2-3vue配置（上）.wmv2-4vue配置（下）.wmv第3章2-5vue
ali是个小太阳·2020-07-14 17:57

vue基础知识点

说说你对MVVM的理解Model-View-ViewModel的缩写，Model代表数据模型，View代表UI组件，ViewModel将Model和View关联起来。数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化时候会通知viewModel层更新数据。vue2.x响应式数据/双向绑定原理Vue数据双向绑定主要是指：数据变化更新视图，视图变化更新数据。其中，View变化更新Dat
freewlt·2020-07-14 16:35

Vue基础：组件--组件及组件通信

组件组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。使用组件注册一个全局组件，你可以使用Vue.component(tagName,[definition])//注册组件，传入一个扩展过的构造器Vue.component('my-component',Vue.exte
奋飛·2020-07-14 13:19

vue基础详解（全）

一，VUE的核心1.数据驱动（mvvm模型，只要改变model的数据，视图层就会自动更新）2.视图组件：把整一个网页的拆分成一个个区块，每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。二，使用vue1.引入vue之后就可以进行下面的步骤2.创建语法（创建，设置数据，挂载，渲染）varvm=newVue（{}）//参数是一个对象三、定义一个vue实例的4个常用选项1.过滤器filte
krysliang·2020-07-14 13:41

Vue基础2018-08-10

1.MVVM一种前端开发思想M:module数据操作层V:view视图渲染层VM:监听数据层视图层进行数据实时更新数据双向绑定2.差值表达式用来干什么？渲染data里面的数据3.差值表达式,v-text,v-html使用场景差值表达式：字符串的拼接渲染data数据v-text:标签属性的渲染v-html:解析带有标签的变量4.v-bind绑定给谁?v-bind绑定给标签的属性的5.v-for渲染数
你在啊哒哩·2020-07-14 09:55

vue基础1---input\select\is(is解决组合标签渲染错位)

vue基础1{{msg}}修改msg修改msg2">hhdhfdOneTwoPicked:{{picked}}JackJohnMikeCheckednames:{{checkedNames}}请选择{{
wenmin1987·2020-07-13 21:27

【前端学习笔记】JavaScript + Vue.js + Element-UI

、对象、Map、Set、iterable、函数基础）函数高级（变量作用域、解构赋值、方法、高阶函数、闭包、箭头函数、generator）摘自缪雪峰的博客的JavaScript个人笔记（3）Vue.jsVue
萌宅鹿·2020-07-13 20:33

vue基础基础之基基础

目录1，引用2，实例化3，数据定义和使用4，函数的定义和使用5，数据的改变方式6，原生js如何输出Vue中的data数据7,vue中系统属性的使用1，引用2，实例化每个vue应用都需要通过实例化vue来实现语法：varmyvue=newVue({选项})3，数据定义和使用注意：若id重复，则以第一个为准varmyvue=newVue({el:'#app',data:{site:"vue实例"}})
qq_43109978·2020-07-13 12:44

Vue基础知识学习（后端）

###Vue学习（后端）Vue安装-引入文件安装，直接在官网下载vue.js引入项目中-直接引用CDN-NPM安装（构建大型应用使用，在这不用）-命令行工具（构建大型单页应用，在这不用）Vue基本代码结构{{msg}}newVue({el:'#root',data:{msg:"Vue大法好",},mounted:{},//初始化页面，渲染html完成后调用的watch:{},//侦听器method
djb8317·2020-07-13 04:58

vue基础之过滤器(filter)的使用

使用方式：{{message|formatDate}}那么，我们该如何去写过滤器呢？接下来我们假定一种场景，后端返回的一个时间列表大概是长下边这样的：[{time:1533527037000},{time:1533527037000},{time:1533527037000}]可以看到这个数组中有三个数据，分别是三个时间戳，如果没有过滤器，我们只能用普通的方式，循环这个数组，将每一项的时间戳转换为
机智的赵先生·2020-07-13 02:18

vue基础：模块化以及封装Storage组件，实现保存搜索的历史记录

vue基础：模块化以及封装localStorage组件，实现保存搜索的历史记录1.localStorage（长期存储）与sessionStorage一样，但是浏览器关闭后，数据依然会一直存在注意：localStorage
谷咕咕·2020-07-13 02:14

VUE基础

vue基础vue概念是一套用于构建用户界面的渐进式前端框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
竹取*·2020-07-12 21:13

vue基础笔记01

一.vue看官网总结(自学):1.VUE不仅可以把数据绑定到DOM文本或特性，还可以绑定到DOM结构(文本如{{}},特性如v-bind)。此外，Vue也提供一个强大的过渡效果系统;2,v-for指令可以绑定数组的数据来渲染一个项目列;3.toLocaleString()方法可根据本地时间把Date对象转换为字符串，并返回结果。4.vue绑定元素特性的案例:鼠标悬停几秒钟查看此处动态绑定的提示信息
庚中·2020-07-12 16:29

vue基础（三）-页面路由

Vue.js路由允许我们通过不同的URL访问不同的内容。通过Vue.js可以实现多视图的单页Web应用（singlepagewebapplication,SPA）。Vue.js路由需要载入vue-router库。添加页面我们打开前面创建好的项目，并把components改为views,并在views目录下添加3个页面：Login.vue、Home.vue、404.vue。3个页面内容简单相似，只有
z晨晨·2020-07-12 14:49

vue基础（一）-使用vue-cli4.1.2创建项目

今天我们来用vue+Element搭建一个前台项目，废话不多说，咱们开始吧！环境安装的话大家可以参考一下这里。在这里我用的vue脚手架的版本是@vue/cli4.1.2。创建项目vuecreate项目名称选择手动配置（如果喜欢使用eslint可以选择默认）键盘上下键即可切换，刚开始其实有两个选项，我之前曾经自定义过，所以有四个。选择手动配置，按Enter键。自定义配置如下按空格键选中或取消路由规则
z晨晨·2020-07-12 14:49

vue基础（二）-vue集成Element

导入项目打开VisualStudioCode，选择File-addFoldertoWorkspace，导入我们的项目，如图所示安装ElementElement是国内饿了么公司的一套开源框架，简洁优雅，提供了Vue、React、Angular多个版本，这里使用Vue版本搭建我们的界面。对于Element的安装教程，官网上有详细的教程，我们可以参考官网上的教程。访问地址https://element.
z晨晨·2020-07-12 14:49

2019最新vue.js仿锤子商城实战

知识点：vue基础组件库、vuex、vue-router、vue-cli以及webpack。课程目录1Vue仿锤子商城实战1-项目介绍2-环境配置及目录结构3-商品列表页的布局4-
weixin_44331214·2020-07-12 14:59

Vue基础

Vue简介vue更简单，与小项目有关，react通常和大项目相关（构建大型环境）渐进式框架去vue官方网站，点下载，如何安装vue，直接script标签引入即可。挂载：外围结构用id='app'包裹，script标签里创建一个vue的实例对象。用声明式引用（data里的变量）改变变量的值，页面视图会自动发生变化。el是element的意思methods里可以放方法。html便签里用@+事件名绑定事
落木兮·2020-07-12 00:40

vue基础七

前后台分离开发mock数据前后台分离，在后端接口，没有写好时，自己mock数据。数据字段一定要和后端设计数据库一样json-severhttps://github.com/typicode/json-server#getting-started1，安装全局npmijson-server-g2,在任意目录（项目根目录）创建db.json{"posts":[{"id":1,"title":"json-
happy sun·2020-07-11 21:12

vue基础六

vuecli脚手架：搭建vue单页面应用的环境安装npmi-g@vue/cli初始化项目vuecreateappNamevueui目录结构pulic静态资源目录静态资源放在public不会被webpack处理最终build时，不会做任何处理srcassets静态资源会被webpack处理cssjsxx会自动扔进distcss目录js目录images目录重新命名components放公共的组件vie
happy sun·2020-07-11 21:12

vue基础五

前端路由随着前后台分离以及spa应用产生的，前后台分离网页http请求，指向的前端代码，此时spa应用，需要路由拦截http请求，网页请求：第一次给.html文件，根据路由渲染部分内容spa:singlepageapplication:单页面应用一个应用只有一个html,切换页面速度会特别快，webapp一般都是用spa缺点：1，第一次打开速度会比中正常慢2，seo特别不友好服务端渲染ssr解决这
happy sun·2020-07-11 21:12
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他