vue学习

vue学习笔记第一天-vue.js简易留言板(删除，全部删除)

window.onload=function(){newVue({el:'#box',data:{myData:[],username:'',age:'',nowIndex:-100//确定删除的index的初始值},methods:{add:function(){this.myData.push({name:this.username,//myData=[name:'',age:'']age:t
adeqn48622·2020-07-27 18:59

Vue学习笔记（三）

1监听在Vue.js中可以通过watch来监听数据的变化，比如通过watch实现的简单计数器：计数器：{{count}}点我增加varvm=newVue({el:'#app',data:{count:0}})vm.$watch('count',function(newValue,oldValue){document.getElementById("info").innerHTML="修改前："+o
氷泠·2020-07-27 17:20

Vue学习笔记（四）

1表单绑定可以利用v-model在表单控件元素上创建双向的数据绑定，v-model会根据控件类型自动选取正确的方法来更新元素。2文本框文本框的绑定例子如下：input{{message}}textareanewVue({el:'#app',data:{message:'',message2:''}})3按钮3.1单选data中的值为的value，如：选中的值为：{{picked}}newVue({
氷泠·2020-07-27 17:20

Vue学习小结-1

Vue的自定义属性第一种类型：表单元素(input、textarea等)Vue页面中：data="addDataDialog"渲染；在js中初始化(data)一下；改变值(赋值)，在方法里面：this.addDataDialog="vue的自定义属性"第二种类型：对于标签Vue页面中：{{adddomain}}渲染；在js中初始化；改变值(赋值)，在方法里面：this.adddomain="qq.
荔^_^枝·2020-07-27 17:19

vue学习大纲知识点总计之二

在Vue中使用样式使用class样式数组这是一个H1数组中使用三元表达式这是一个邪恶的H1数组中嵌套对象这是一个H1直接使用对象这是一个H1使用内联样式直接在元素上通过:style的形式，书写样式对象这是一个H1将样式对象，定义到data中，并直接引用到:style中在data上定义样式：data:{h1StyleObj:{color:'red','font-size':'40px','font-
Shawyu_·2020-07-27 16:54

Vue学习笔记----组件

组件组件初始化Vue.component('button-counter',{data:function(){return{count:0}},template:'Youclickedme{{count}}times.'})子组件传值子组件中如何引用data中的属性Vue.component('blog-post',{props:['post'],template:`{{post.title}}`
Model_Vincent·2020-07-27 16:24

Vue学习笔记之组件化的高级应用：插槽slot的使用

1、插槽slot的使用：slot，插槽，可以理解为我们现实生活中类似电脑USB的插槽，插入的东西不用，则功能就不一样。所以组件用插槽是为了封装的组件更加具有扩展性，让使用者来决定组件内部使用什么功能。插槽的使用规则：抽取共性，保留不同，即为将共性抽取到组件中，将不同暴露为插槽。同时插槽里面可以个默认值：在引用组件的时候，没有说明使用什么的时候，就会显示此默认值：2、具名插槽的使用：具名，其实就可以
大数据时代·2020-07-27 14:15

Vue学习笔记（八）插槽

在使用组件时，组件开始标签和结束标签的内容会被忽视，如下代码IwanttobeshownVue.component("myCom",{template:"thisisthetemplate"})letvm=newVue({el:"#app",data:{},methods:{}})这里my-com开始标签和结束标签间的内容不会显示出来，整个标签都被模板覆盖了，如果要在html中传入开始标签和结束标
前端小黑·2020-07-27 14:14

vue学习：生命周期函数

生命周期函数就是vue实例在某一个时间点会自动执行的函数1.beforeCreate:在vue初始化时候执行，在create前面2.create：在vue初始化时候执行，在beforeCreate后边3.beforeMount：在页面渲染前执行4.mounted：页面渲染完成时执行（ajax）5.beforeDestroy:实例销毁时执行（vm.destroy(）)6.destroyed:实例销毁
月光_薛·2020-07-27 14:19

Vue学习笔记第二天

vue-router、axiosvue-router、axios复习今日重点过滤器获取DOM元素mint-uiwappalyzervue-router命名路由参数router-link编程导航复习重定向和404多视图嵌套路由vue-resource(了解)axios如何练习复习vue单文件方式xxx.vue1:准备好配置文件package.json(包描述文件&&封装命令npmrundev)+we
superbeyone·2020-07-27 13:34

Vue学习笔记4.7 插槽作用域 slot-scope

作用域插槽标签来包裹所要使用的内容。然后使用slot-scope来接收子组件中的数据（list）slot="XXX"是来区分不同的组件。以免数据串-->{{props.item}}---Hello{{props.item}}----HelloVue.component('child',{data:function(){return{list:[1,2,3,4]}},//template:`////
@凌晨三点半·2020-07-27 13:22

vue-admin-template笔记（四）

文章目录Vue学习笔记（四）treetable总结参考Vue学习笔记（四）学习vue-admin-templatehttps://github.com/PanJiaChen/vue-admin-template
seedcup·2020-07-27 12:57

vue-admin-template笔记（五）

文章目录Vue学习笔记（五）formnestmenu2/index.jsmenu1/index.jsmenu1/menu1-3总结参考Vue学习笔记（五）学习vue-admin-templatehttps
seedcup·2020-07-27 12:57

vue-admin-template笔记（二）

文章目录Vue学习笔记（二）login404总结参考Vue学习笔记（二）学习vue-admin-templatehttps://github.com/PanJiaChen/vue-admin-template
seedcup·2020-07-27 12:56

vue-admin-template笔记（三）

文章目录Vue学习笔记（三）dashboardstoreindex.jsgetters.jsmodule/app.jsmudule/user.jsapilogin.jsutilrequest.jsauth.js
seedcup·2020-07-27 12:56

vue学习笔记（简单易懂）

一，常用指令：1.v-text:是元素的innerText只能在双标签中使用2.v-html:是元素的innerHtml，不能包含{{xxx}}3.v-if:元素是否移除或者插入4.v-show:元素是否显示或隐藏5.v-model:双向数据绑定，v-bind是单向数据绑定(内存js改变影响页面)二，class结合v-bind使用需要根据可变的表达式的结果来给class赋值，就需要用到v-bind
前热火球员LeBron James·2020-07-27 12:23

vue学习大纲知识点总结之一

什么是Vue.jsVue.js是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App，Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js是前端的主流框架之一，和Angular.js、React.js一起，并成为前端三大主流框架！Vue.js是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整
Shawyu_·2020-07-27 11:59

Vue学习笔记_插槽slot

插槽：使用场景：将父组件的html片段传递给子组件。插槽使用：关键字slot在子组件中使用标签，即可以将父组件里的html片段显示在子组件slot区域。插槽使用varslot_1={template:'hello默认值'};具名插槽：在有多个插槽时，指定在子组件对应哪个插槽的内容。父组件：通过属性slot指定插槽名。collapsed=!collapsed"/>子组件：通过demo：//父组件：具
橙橙鲁·2020-07-27 11:36

Vue学习笔记 3 - 组件化 / slot(插槽)

组件化组件化是Vue.js中的重要思想组件化提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用。任何的应用都会被抽象成一颗组件树。基本步骤组件化的使用分为三个步骤调用Vue.extend()方法创建组件构造器调用Vue.component()方法注册组件在Vue实例的作用范围内使用组件全局组件//3.使用组件//1.创建组件构造器对象constcpnC=Vue.extend(
Caramely·2020-07-27 11:59

Vue学习笔记（四）

1表单绑定可以利用v-model在表单控件元素上创建双向的数据绑定，v-model会根据控件类型自动选取正确的方法来更新元素。2文本框文本框的绑定例子如下：input{{message}}textareanewVue({el:'#app',data:{message:'',message2:''}})3按钮3.1单选data中的值为<input>的value，如：选中的值为：{{pic
qq5d1070a92e32e·2020-07-24 23:07

Vue学习笔记（四）

1表单绑定可以利用v-model在表单控件元素上创建双向的数据绑定，v-model会根据控件类型自动选取正确的方法来更新元素。2文本框文本框的绑定例子如下：input{{message}}textareanewVue({el:'#app',data:{message:'',message2:''}})3按钮3.1单选data中的值为<input>的value，如：选中的值为：{{pic
qq5d1070a92e32e·2020-07-24 23:49

Vue学习笔记（三）

1监听在Vue.js中可以通过watch来监听数据的变化，比如通过watch实现的简单计数器：计数器：{{count}}点我增加varvm=newVue({el:'#app',data:{count:0}})vm.$watch('count',function(newValue,oldValue){document.getElementById("info").innerHTML="修改前："+o
qq5d1070a92e32e·2020-07-24 23:19

vue学习

3.网络应用介绍网络应用-介绍3.1axios的使用axios使用axios.get请求，请求参数跟在地址?后面axios.get请求axios.get请求结果axios.post请求，请求参数用一个对象装起来axios.post请求axios.post请求结果axios使用的代码01_axios基本使用/*接口1：随机笑话请求地址：https://autumnfish.cn/api/joke/l
小丹子1o1·2020-07-21 17:52

四、Vue学习笔记——使用路由钩子动态修改网页名称

在router.js中设置meta属性//首页{path:"index",component:()=>import("../views/home/index/index.vue"),meta:{title:"-首页"},},通过router的钩子beforEach修改网页名称router.beforeEach((to,from,next)=>{document.title="XX有限责任公司"+t
杰克老师·2020-07-21 08:13

Vue学习笔记01

学习目录什么是Vue.js为什么要学习流行框架框架和库的区别MVC和MVVM的关系图解Node(后端)中的MVC与前端中MVVC之间的区别Vue.js基本代码和MVVM之间的对应关系html模板Vue之-`基本的代码结构`和`插值表达式`、v-cloakVue指令之`v-text`和`v-html`Vue指令之`v-bind`的三种使用方法Vue指令之`v-on`和`跑马灯效果`Vue的事件修饰符
会飞的奥特曼·2020-07-16 06:09

vue学习

1.event.target:触发事件的具体控件，不产生冒泡作用，是谁就是谁，这个在锁定事件触发的控件时经常用到，比如：单选题多选题文本题exportdefault{method:{addItem(event){lettarget=event.targetif(target.nodeName.toLowerCase()==='span'){//当点击了选择的按钮后this.showMask=tru
卡农me·2020-07-16 05:58

vue学习资料

原地址：https://www.cnblogs.com/huyong/p/6517949.htmlVue常用经典开源项目汇总参考-海量Vue是什么？Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用
qq_21729177·2020-07-16 05:16

【狂神说Java】Vue学习笔记05-----Axios异步通信

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频什么是Axios  Axios是一个开源的可以用在浏览器端和NodeJS的异步通信框架，她的主要作用就是实现AJAX异步通信，其功能特点如下：从浏览器中创建XMLHttpRequests从node.js创建http请求支持PromiseAPI[JS中链式编程]拦截请求和响应转换请求数据和响应数
pan_h1995·2020-07-16 04:49

【狂神说Java】vue学习笔记8-----webpack使用

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频什么是Webpack  本质上，webpack是一个现代JavaScript应用程序的静态模块打包器(modulebundler)。当webpack处理应用程序时，它会递归地构建一个依赖关系图(dependencygraph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个
pan_h1995·2020-07-16 04:49

【狂神说Java】Vue学习笔记02-----第一个Vue程序

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频1、什么是MVVM  MVVM（Model-View-ViewModel）是一种软件设计模式，由微软WPF（用于替代WinForm，以前就是用这个技术开发桌面应用程序的）和Silverlight（类似于JavaApplet，简单点说就是在浏览器上运行WPF）的架构师KenCooper和TedP
pan_h1995·2020-07-16 04:49

【狂神说Java】Vue学习笔记07-----第一个vue-cli项目

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频1、什么是vue-cli  vue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板；  预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个估计项目就是脚手架，我们的开发更加的快速；  项目的功能统一的目录结构本地调试热部署单元测试集成打
pan_h1995·2020-07-16 04:49

【狂神说Java】Vue学习笔记01：前端知识体系

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频2、前端知识体系想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走，其中前端是绕不开的一门必修课。本阶段课程的主要目的就是带领Java后台程序员认识前端、了解前端、掌握前端，为实现成为“互联网Java全栈工程师”再向前迈进一步。2.1、前端三要素HTML（结构）：超文本标记语言（H
pan_h1995·2020-07-16 04:49

【狂神说Java】Vue学习笔记03-----基础语法指令

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频1、v-bind  我们已经成功创建了第一个Vue应用!看起来这跟渲染一个字符串模板非常类似，但是Vue在背后做了大量工作。现在数据和DOM已经被建立了关联，所有东西都是响应式的。我们在控制台操作对象属性，界面可以实时更新!  我们还可以使用v-bind来绑定元素特性!  上代码Title鼠标
pan_h1995·2020-07-16 04:18

【狂神说Java】vue学习笔记09----vue-router路由

说明  学习的时候，尽量的打开官方的文档  VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vuejs过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自动降级自定义的滚动行为安装 
pan_h1995·2020-07-16 04:18

VUE学习之extends选项

还是从一个简单的代码开始：vuedemoThisisnumber:{{num}}AddletextendObj={methods:{add:function(){console.log("thisisextendadd");}}};letvue=newVue({el:"#app",data:{num:1},methods:{add:function(){console.log("thisisori
夜跑者·2020-07-16 02:04

Vue学习-混入

混入(mixins):混入提供了一种非常灵活的方式，来分发Vue组件中的可复用功能--摘自VUE官方文档对于这句话的理解我想是这样的。我们在js代码中定义一个混入对象，这个混入对象的名字可以任意取，它只是一个单独的对象，里面可以包含一个组件可以有的任何组件选项:data,method,watch，钩子函数等等。它可以看做一个封装好的代码块，哪一个组件想用它，就可以通过mixins选项来将它包含进来
linux_lzj_cainiao·2020-07-16 02:58

Vue学习从入门到精通（八）按键事件绑定

  监听键盘事件经常需要检测keyCode。Vue.js可以为v-on添加键盘修饰符，代码示例如下：AAAexportdefault{name:'helloWorld',data(){return{}},methods:{alertB:function(){console.log('B')}}}我这边运行过后发现只有在鼠标的焦点在input标签内的时候，才能够响应键盘事件。应该是只有在输入的时候键
JackLee18·2020-07-15 17:43

【Vue学习】Vue-cli3构建项目之TodoList效果vue组件化实现

我这里用到是Vue-cli3来构建项目。components文件夹用来存放vue组件，新建的vue组件todolist.vue文件就是放在这里，根目录下的App.vue是根组件。App.vueTodoList#app{display:flex;flex-direction:column;justify-content:center;width:40%;margin:0auto;}#apph1{te
菜鸭子·2020-07-15 17:12

Vue学习笔记（一）——Intellij IDEA搭建Vue脚手架

1.安装nodejs及npm（已安装）命令行查看是否安装好nodejs和npmnode-vnpm-vps：如未安装请自行查找教程安装2.创建一个StaticWeb项目自己命名项目名称3.安装vue脚手架工具Alt+F12打开Termainal安装vue脚手架工具安装npm的淘宝镜像，输入以下命令：npmi-gcnpm--registry=https://registry.npm.taobao.or
ChingZio·2020-07-15 17:50

vue学习笔记01day_01Vue的基本代码

Document{{msg}}//2.创建一个Vue的实例//当我们导入包之后，在浏览器的内存中，就多了一个Vue构造函数//注意：我们new出来的这个vm对象，就是我们MVVM中的VM调度者varvm=newVue({el:'#app',//表示，当前我们new的这个Vue实例，要控制页面上的哪个区域//这里的data就是MVVM中的M，专门用来保存每个页面的数据的data:{//data属性中
菜鸟柱子·2020-07-15 10:55

vue学习总结一(vue指令和vue常用概念:语法糖,生命周期,过滤器)

Vue的三大特点:简单、灵活、高效1.简单只要开发者有HTML、CSS、JavaScript三个的基础我们就可以使用它去完成项目的开发，不用像Angular需要对Typescript、RxJS等等一些东西做一个新的学习，这一点上来说Vue的上手难度来的更低一些。2.灵活我们可以单独引入Vue.js文件配合项目的其他配置使用，我们也可以用vue/cli一整套的框架使用。给我们带来了更加灵活的使用方式
庚中·2020-07-15 10:15

Vue学习笔记（4）

1.Vue.js是什么?1).一位华裔前Google工程师(尤雨溪)开发的前端js库2).作用:动态构建用户界面3).特点:*遵循MVVM模式*编码简洁,体积小,运行效率高,移动/PC端开发*它本身只关注UI,可以轻松引入vue插件和其它第三库开发项目4).与其它框架的关联:*借鉴angular的模板和数据绑定技术*借鉴react的组件化和虚拟DOM技术5).vue包含一系列的扩展插件(库):*v
SS独行SS·2020-07-15 08:35

Vue学习笔记——实现异步加载

Vue实现异步加载，使用的是vue-resource库。get请求this.$http.get(‘url’，options).then(function1,function2)url为:接口地址options为:可选择参数，可省略function1为:访问成功的函数function2为:访问失败的函数post请求this.$http.post(‘url’,options，配置参数).then(fu
weixin_43246812·2020-07-15 07:19

Vue学习笔记之六进入/离开 & 列表过渡

6进入/离开&列表过渡6.1概述Vue在插入、更新或者移除DOM时，提供多种不同方式的应用过渡效果。包括以下工具：在CSS过渡和动画中自动应用class可以配合使用第三方CSS动画库，如Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScript动画库，如Velocity.js6.2transition过渡Vue提供了transition的封装
聽見下雨的_聲音·2020-07-15 05:40

VUE学习笔记——利用es6模板字符串实现时间格式化

本文利用es6的模板字符串来实现时间对象格式化为字符串js中的时间对象Date的函数一览：//dateapiconstdate=newDate();date.getFullYear();//获取时间对象的年份4位数时间//2018date.getMonth();//获取时间对象的月份（范围0-11）//11date.getDate();//获取时间对象的日期//18date.getDay();//
qq_39041578·2020-07-14 19:59

Vue学习之增删改查小案例

增删改查小案例案例效果如下:其实也就是实现对表单数据的添加，删除和关键字查询的操作。综合案例1.页面布局页面布局我们通过bootstrap来快速实现，具体步骤如下1.1基础页面Documentvarvm=newVue({el:"#app",data:{},methods:{}})1.2表单布局使用bootstrap来设置table，在vscode中安装bootstrap插件先把这两个插件给装好，然
晓宇码匠·2020-07-14 19:15

vue学习（五）【vue样式绑定：对象或数组】

点击改变文字颜色通过class对象绑定和class数组绑定，可以实现vue的样式绑定。在页面中检查dom元素，看点击测试文本时，dom中是否会出现class名，然后在style中定义的一些样式就可以动态的作用到dom上了。第一种：class的对象绑定样式绑定.activated{color:red;}HelloWorldvarvm=newVue({el:"#root",data:{isActivi
Rachel~Liu·2020-07-14 18:47

Vue学习-组件中的数据通信

目录组件可以访问Vue实例数据吗？组件的data参数组件中的methods函数父子组件使用场景如何通信（传递数据）父传子子传父组件中的双向绑定父组件访问子组件($children或$refs)子组件访问父组件($parent)组件的扩展-slot基本使用具名插槽组件可以访问Vue实例数据吗？组件是一个单独功能模块的封装，有属于自己的HTML模板，也有自己的数据data组件中不能直接访问Vue实例里
软件技术开发·2020-07-14 09:00

VUE学习总结(一)

构造器每一个Vue.js的应用都是通过够构造函数Vue创建的一个Vue的根实例。例如：varvm=newVue({//选项})上述代码中在实例化vue的时候需要传入一个对象，它可以包涵数据、模板、挂载元素、方法、生命周期钩子等。当然为了创建可复用的组件构造器，我们可以通过扩展vue构造器的方法实现来实现预定义选项，通过扩展的预定义选项来创建更多可复用的组件。例如：varMyComponent=Vu
枫叶笛花·2020-07-14 06:26

React是什么及特点

数据驱动视图React由Facebook开发第一个真生意义上把组件化思想待到前端开发领域angular早期没有组件化思想后来也被Vue学习借鉴了React起源于Facebook的内部项目，因为该公司对市场
Leon_Jinhai_Sun·2020-07-14 05:06
上一页 32 33 34 35 36 37 38 39 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他