Vue基础

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

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
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他