Vue基础

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

vue基础三

ajaxxhr对象流程很麻烦新的ajaxcontent-type:“application/json”前台向后台发送数据格式一般常用的有两个一个是​conten-type:"application/x-www-form-urlencoded""名字=值&名字=值2"​conten-type:"application/json"​{​key:v​}注意：axios发送post请求，后台有时候，接受不
happy sun·2020-07-11 21:11

VUE学习笔记

VUE学习笔记目录:VUE基础入门(level1)1.1基本概念和入门程序1.2入门小Demo1.3常用指令1.4v-on:事件修饰符1.5v-model双向数据绑定1.6VUE的样式设置1.7v-for
不_yu·2020-07-11 21:42

Vue基础语法介绍

什么是Vue？Vue.js（读音/vjuː/,类似于view）是一个构建数据驱动的web界面的渐进式框架。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。Vue.js借鉴了Angular以及React的一些核心思想，综合各自的长处进行了操作以及性能等方面的优化，进而打造出一款性能更优，学习更容易的MVVM框架。它的作者是：尤雨溪vue对比angularjs1、vue在
前端小小坤·2020-07-11 20:20

一、vue基础语法（轻松入门vue）

轻松入门vue系列Vue基础语法一、HelloWord二、MVVM设计思想三、指令1.v-cloak2.v-text3.v-html4.v-show4.v-pre5.v-once6.v-model（双向数据绑定
莫逸风·2020-07-11 18:58

vue基础知识——进阶一

一、如何初始化一个vue项目？vueinitwebpackvuetestcdvuetestnpmrundev如果你在npmrundev的时候报了如下的错，请更改：config文件夹里的index.js里的host,把后面的host改为你本地的ip地址即可报错图片.png更改代码.png二、vue-cli的作用？主要作用：目录结构、本地调试、代码部署、热加载、单元测试。三、使用vue-cli和不使用
爱熬夜的疯子·2020-07-11 18:23

vue基础

(2).前端框架与库的区别?jquery库->DOM(操作DOM)+请求art-template库->模板引擎框架=全方位功能齐全简易的DOM体验+发请求+模板引擎+路由功能KFC的世界里,库就是一个小套餐,框架就是全家桶代码上的不同一般使用库的代码，是调用某个函数，我们自己把控库的代码一般使用框架，其框架在帮我们运行我们编写好的代码框架:初始化自身的一些行为执行你所编写的代码施放一些资源(3).
志学Python·2020-07-11 18:12

前端web之vue基础(6)

vue介绍什么是vuevue.js是一套构建用户界面的渐进式框架，用来快速构建GUI页面。vue.js通过尽可能简单的API实现响应的数据绑定和组合的视图组件。通过MVVM思想实现数据的双向绑定，让开发者不用再操作dom对象，有更多的时间去思考业务逻辑。Vue.js专注于MVVM模型的ViewModel层。它通过双向数据绑定把View层和Model层连接了起来。实际的DOM封装和输出格式都被抽象为
达西布鲁斯·2020-07-11 02:36

Vue.js学习笔记1 - Vue基础

开始之前，引入一段Vue官方的文字：官方指南假设你已了解关于HTML、CSS和JavaScript的中级知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧！之前有其它框架的使用经验会有帮助，但这不是必需的。怎么理解这段话呢？我个人除了几年前做毕业设计的时候玩过HTML和PHP以外，再没有多余的前端基础，而且那毕设的东西简陋不堪，完全不能构成体系，所以算是
YYYYYY25·2020-07-11 02:57

国庆Vue基础补全（二）

v-if下面代码中切换loginType将不会清除用户已经输入的内容。因为两个模板使用了相同的元素，不会被替换掉——仅仅是替换了它的placeholder，因为Vue为了高效渲染元素，对已有元素不会重新渲染UsernameEmail加了唯一值key属性的元素不会复用会重新渲染,如下面的input，由于label没有加key所以还是会复用UsernameEmailv-ifvsv-show一般来说，v
key君·2020-07-11 02:55

Vue介绍(一)--创建Vue基础工程

Vue创建Vue基础工程Vue工程-创建方式一1.在终端中输入**vueui**2.终端通过输入的命令，vue开始启动浏览器打开ui页面3.准备开始着手创建Vue项目4.选择创建5.选择创建项目目录6.
2020，可以期盼幸运的到来·2020-07-11 02:40

vue基础：在跟组件（App.vue）调用外部组件

vue基础：在跟组件（App.vue）调用外部组件在vue学习中，我们发现将所有的组件，都放在根组件是不合理的，同样也是低效的。于是我们将不同的模块分割，需要哪个模块的时候就可以直接调用。
谷咕咕·2020-07-11 01:14

前端主流框架——Vue基础学习

vue基础1.vue-介绍Vue.js(view)是一套构建用户界面的前端框架技术（渐进式框架）。
木蓝茶陌*_*·2020-07-10 12:06

Vue 2.X 基础篇 第1章 ES6的常用语法补充

目录第1章ES6的常用语法补充课时1：Vue学前须知课时2：Vue课程开篇课时3：Vue基础-let和const-上课时4：Vue基础-let和const-下课时5：Vue-解构赋值课时6：Vue基础-
老张谋·2020-07-10 11:01

【Vue基础自学笔记】基础语法及相关dos整理

慕课《vue2.5入门》笔记基础语法1.数据绑定插值表示式：{{msg}}挂载点：el:newVue({el:"#app",template:'hello{{msg}}',data:{msg:'Vue',}})运行结果如下：2.v-html和v-textv-htmlv-text区别不转义转义例子代码：newVue({el:"#app",data:{msg:'v-html不转译标签按照html输出：
不快乐的小学生·2020-07-10 11:49

Vue从入门到实战 —— 安装Vue

Vue基础知识Vue项目实战如何安装Vue1.首先我们打开Vue的官网官方安装文档2.官网推
掘码人。·2020-07-09 22:33

Vue基础知识

Vue框架概述虽然我不是以Vue入门MVVM的，Angular和React的经验让我初次接触Vue的时候有很多不屑。这种情绪很不好，尤其是在我更换title之后，站在产品的角度看问题，Vue是非常非常伟大的。Unix设计哲学之一便是，数据结构往往比算法重要得多，不论你多么精妙的算法，多么精妙的实现，一旦出发点是错误的，数据结构有问题，往往就会一错再错。这时候再来看Vue，就会发现它的设计是多么的精
plightfieldDo·2020-07-09 17:03

01 Vue基础

1.vue概述#Vue：渐进式JavaScript框架vue官网https://cn.vuejs.org/v2/guide/声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建易用：熟悉HTML、CSS、JavaScript知识后，可快速上手Vue灵活：在一个库和一套完整框架之间自如伸缩高效：20kB运行大小，超快虚拟DOM2.vue基本使用2.1传统开发模式对比原生JSvarmsg='He
xujing123·2020-07-09 10:00

vue.js/webpack/vue-cli/vuex知识点

《vue.js》第一章vue基础01.v-cloak指令用法02.v-cloak和v-text的区别03.什么是双向数据绑定，双向绑定的使用场景04.事件函数的调用，事件函数参数传参05.事件修饰符06
那朵花~~·2020-07-09 03:52

Vue-cli搭建vue基础项目

目录一、引言二、项目创建1、安装node2、全局安装cnpm3、全局安装webpack和webpack-cli4、全局安装vue-cli5、使用vue-cli创建项目6、开发运行项目7、打包发布项目8、调试工具插件三、总结一、引言首先必须明确vue-cli是什么，就是一个脚手架，为了方便使用创建webpack项目，这个项目包含了已经配置好的vue，vue-cli依赖webpack。那么webpac
gis_morningsun·2020-07-09 01:07

laravel+vue2.0终于搞定了!

:1:起手在慕课网看了laravel基础入门的就会发现,laravel解决了很多后台开发起来老大难的问题,模板引擎和路由机制还有很多开发服务:登录/注册验证,验证码,分页等等..2:起手也在慕课网看了vue
也不是什么极客·2020-07-09 00:34

Vue基础

VUE开发基础01-Vue初体验01-HelloVuejs02-Vue列表展示（v-for循环遍历）03-Vue计数器效果（v-on绑定）02-插值操作与常用指令01-Mustache语法（{}）02-v-once指令的使用03-v-html指令的使用04-v-text指令的使用05-v-pre指令的使用06-v-cloak指令的使用03-动态绑定属性01-v-bind指令的基本使用02-v-bi
不正宗小肥猪·2020-07-08 23:02

vue知识点归纳与总结(笔记上部分)

一Vue基础1.模板语法(1)插值a.文本{{}}b.纯HTMLv-html，防止XSS,csrf（(1)前端过滤(2)后台转义(click2//删除 和cookie前面的空格c.表达式(2)
要上位的程序猿·2020-07-08 20:51

Vue与React高级框架开发——Vue基础

文件的区别Sass能帮助我们解决什么问题Sass环境安装Sass核心基础知识Sass变量和引用Sass数据类型Sass变量运算Sassmixin（混合宏）Sass继承和嵌套Sass条件控制Sass内置函数Vue
jupeiii·2020-07-08 19:07

从0开始，手把手教你用Vue开发一个答题App

项目演示项目演示项目源码项目源码配套讲解视频配套讲解视频第一节配套讲解视频第二节教程说明本教程适合对Vue基础知识有一点了解，但不懂得综合运用，还未曾使用Vue从头开发过一个小型App的读者。
豆约翰·2020-07-08 19:26

从0开始，手把手教你用Vue开发一个答题App01之项目创建及答题设置页面开发

项目演示项目演示项目源码项目源码配套讲解视频配套讲解视频教程说明本教程适合对Vue基础知识有一点了解，但不懂得综合运用，还未曾使用Vue从头开发过一个小型App的读者。
豆约翰·2020-07-08 19:42

应用三：Vue之混入(mixin)与全局混入

（注：本文适用于有一定Vue基础或开发经验的读者，文章就知识点的讲解不一定全面，但却是开发过程中很实用的）首先介绍一下混入mixin的概念：官方文档：混入提供了一种非常灵活的方式，来分发Vue组件中的可复用功能
weixin_30871701·2020-07-08 14:41

vue基础知识

一、vue基础介绍是一套用于构建用户界面的渐进式框架，Vue的核心库只关注视图层（MVVM），最大程度上解放了DOM操作，Vue主要实现的是VM层。
Find_Your_Way·2020-07-08 14:24

Vue基础笔记4

路由传参第一种router.js{path:'/course/detail/:pk/',name:'course-detail',component:CourseDetail}传递层详情页接收层letid=this.$route.params.pk演变体"""{path:'/course/:pk/:name/detail',name:'course-detail',component:Course
吃素的小动物·2020-07-08 14:38

03Vue基础版实现

Vue源码实现理解Vue的设计思想MVVM模式image.pngMVVM框架的三要素：数据响应式、模板引擎和渲染数据响应式：监听数据变化并在视图中更新Object.defineProperty()Proxy模板引擎：提供描述视图的模板语法插值：{{}}指令：v-bind/v-on/v-model/v-for/v-if渲染：如何将模板转换为html模板=>vdom=>dom数据响应式原理数据变更能够
LM林慕·2020-07-08 12:49

从0开始，手把手教你用Vue开发一个答题App

项目演示项目演示项目源码项目源码教程说明本教程适合对Vue基础知识有一点了解，但不懂得综合运用，还未曾使用Vue从头开发过一个小型App的读者。
[豆约翰]·2020-07-08 11:00
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他