vue学习

Vue学习笔记

Vue学习笔记一、环境搭建1、安装VScode2、安装liveserver3、安装科学上网工具4、安装谷歌浏览器5、安装Vue浏览器调试工具二、安装Vue（两种版本）1、导入开发版本的Vue.js2、创建
Daydream_许多·2021-09-26 00:30

vue学习笔记二：vue开发基础上

一、vue实例1、创建vue实例varvm=newVue({//选项})通过对象（选项）定义多个属性二、el唯一根标签tips：vscode中，对HTML页面结构初始化方法为：先输入！然后按tab键。（这样就省事太多了）操作步骤：1.引入vue.js2.定义一个div3.实例化vue4.将数据显示到界面上//下面是代码Document{{name}}{{name}}varvm=newVue({el
夜上夏叶·2021-09-24 21:44

vue开发移动端使用better-scroll时click事件失效的解决方案

最近使用vue学习开发移动端的项目，使用了better-scroll插件做滚动。
·2021-08-25 13:56

VUE学习笔记（一）：基础操作篇

基于狂神说vue记录笔记：https://www.bilibili.com/video/BV18E411a7mC文章目录基本介绍在线cdnJavaScript框架MVVMVue优势Vue的运用基本语法v-bind语法缩写v-ifv-elsev-forv-on语法缩写v-model双向绑定双向绑定概念使用注意Vue组件Axios通信概念为什么要用Axios使用注意slot内容分发基础用法自定义分发v
请热爱下去·2021-08-09 17:09

每周总结 20210801 vue文档学习

vue学习箭头函数function()=>{}js位置JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到中；可以在同一个页面中引入多个.js文件，还可以在页面中多次编写
·2021-08-01 22:47

vue

B站-Vue学习笔记0课程介绍邂逅Vue.jsVue基础语法组件化开发VueCLI详解vue-routervuex详解网络封装项目实战1邂逅Vue.jsVue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架
·2021-07-28 12:08

Vue学习笔记——Vue基础语法

视频资源来自：b站coderwhy王红元老师——最全最新Vue、Vuejs教程，从入门到精通文件仅为个人观看视频后的学习心得笔记，用于个人查看和记录保存。文中定有疏漏错误之处，恳请指正。Vue基础语法插值操作Mustache[胡须]双大括号{{firstName+''+lastName}}mustache语法中，不仅可以直接写变量，也可以写简单的表达式{{counter*2}}v-once只用一次
小910888·2021-07-25 14:36

Vue学习笔记——组件化开发

视频资源来自：b站coderwhy王红元老师——最全最新Vue、Vuejs教程，从入门到精通文件仅为个人观看视频后的学习心得笔记，用于个人查看和记录保存。文中定有疏漏错误之处，恳请指正。目录：邂逅VuejsVue基础语法组件化开发前端模块化webpack详解VueCLI详解vue-routerPromise的使用Vuex详解网络模块封装项目实战组件化开发认识组件化组件化是Vue.js中的重要思想，
小910888·2021-07-25 14:23

vue学习基础之webpack

vue学习基础之webpackwebpack的安装方式全局安装：npminstallwebpack-g项目安装：npminstallwebpack--save-devwebpack构建的过程webpack
leesoft·2021-06-27 20:10

Vue学习笔记

Vue学习笔记1.创建项目npminstall-g@vue/clivuecreatehello-world2.VueRouter//安装包npminstallvue-router//main.jsimportRouterfrom'vue-router'Vue.use
双流小二郎·2021-06-27 06:39

Vue学习笔记

前言：自己是iOS开发，工作中做底层C开发，，想再拓展下知识面，着手学习Vue，因为之前工作中用过AngularJS，再者自己本身就是移动端的开发，所以学习起来比较简单。1、公共库以及开发工具下载（1）VSCode开发工具(官网下载）（2）Vue.js(官网下载开发版本)引用方法：（3）jquery-3.4.1(官网下载)引用方法：2、Vue视频是在幕客网找的，有需要的可以下载，百度网盘，提取码:
Mr_斌·2021-06-27 01:31

vue学习

vue中的事件传递父子组件传值通过props传递，父组件:name=“name（父数据）”子组件props内引入name组件内使用this.name就可以访问数据了。若子组件需要改变父组件的值，需在子组件内data重新定义（父元素值通过this.name赋值）子组件向父组件传值子组件使用$emit('event',data)-----event为自定义事件父组件接受数据@('event',事件处理
yuan1024·2021-06-26 08:35

mpvue学习笔记-之微信小程序数据请求封装

20180531152773555924152.png简介美团出品的mpvue已经开源出来很久了，一直说要进行一次实践，这不最近一次个人小程序开发就用上了它。看了微信官方的数据请求模块--request，对比了下get和post请求的代码，发现如果在每一个地方都用request的话，那会有很多代码是冗余的，于是就准备自己封装一个，下面就记录一下封装过程。注释也写在下面的代码里了。实现的结果代码要简
kungggyoyoyo·2021-06-25 22:17

vue学习笔记--非props特性和props特性

props是用来接收父组件数据的，子组件不可以直接更改props接收的数据，即单向数据流概念。一、非props特性：1.子组件未通过props接收，不能显示在dom上；image.pngimage.png2.子组件模板内直接写入内容而非插值表达式，会显示在dom最外层标签上image.pngimage.png二、props的特性概括为父组件传，子组件接,dom标签内直接用image.png1、pr
一个总在代码里给自己下毒的小白·2021-06-24 20:33

Vue学习笔记-起步

写在最前：自学笔记，往后逐步添加笔记内容一、通过TodoList案例起步提交/*Vue.component('TodoItem',{//全局组件props:['content'],//父组件向子组件传值template:`{{content}}`,//模板组件内容})*/varTodoItem={//局部组件props:['content','index'],//接收父组件传入的值template
没名字的某某人·2021-06-22 12:05

vue学习笔记（3）——router

githubvue学习笔记（1）主要介绍vue项目的创建vue学习笔记（2）主要介绍项目的基本设置，如axios设置和项目颜色控制今天讲解vue一个很重要的组件router，熟悉后台开发的人肯定对router
溪语流沙·2021-06-22 01:33

资源整理[第一篇]vue相关

vue博客Vue技术内幕从1万篇文章中挑出的40篇最棒的Vue学习指南（2018版）Vue.js源码分析Vue.js最佳实践（五招让你成为Vue.js大师）了不起的VirtualDOM(一)：起源深入认识
websky·2021-06-21 21:54

【vue学习】整合Lodop

前端实现自动打印批量打印vue中使用lodop调用标签打印机利用lodop打印控件轻松实现批量打印本文主要摘自vue项目中使用Lodop实现批量打印html页面和pdf文件1.Lodop是什么？Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容，又可用程序代码直接实现复杂打印。控件功能强大,却简单易用,所有调用如同JavaScript扩展语句,主要接口函数如下：●P
前端菜篮子·2021-06-21 09:18

vue学习笔记

vue对比jqueryvue：mvvm数据驱动影响视图适用于复杂数据jquery：mvc视图塞入数据适用于复杂视图动效生命周期以下都是钩子函数beforeCreate（创建前）created（创建后）beforeMount(载入前)mounted（载入后）beforeUpdate（更新前）updated（更新后）beforeDestroy（销毁前）destroyed（销毁后）计算属性compute
34sir·2021-06-21 08:15

后端小白程序员的Vue学习笔记

文章目录写在前面Vue一、什么是Vue二、相关技术栈前端后端关于前后端分离三、入门使用3.1、Hello,Vue3.2、Mustache语法3.3、插值操作3.4、属性绑定v-bind3.5、条件插值3.5.1、v-if、v-else、v-else-if3.5.2、v-show3.5.3、使用key来管理复用元素3.6、列表渲染v-for3.6.1、遍历数组3.6.2、遍历对象3.6.3、v-fo
5akura·2021-06-19 20:44

Vue学习笔记（一）

跨域问题vue前端跨域问题1.利用vue-cli框架与axios结合，访问服务器后端接口，axios不需要太多配置，如下图asiox配置2.主要需要配置vue的config文件夹下的idnex.js文件，如下图vue的config配置后端Springboot配置springboot后端配置只需要增加一个过滤器即可，网上也有很多，此处不负赘
我有的似乎只能是等待等待·2021-06-19 11:26

Vue学习笔记-引入Echarts图表

近期，公司出了一个新需求，我们需要开发一个数据统计平台，于是就需要使用图表来是数据更直观的呈现。Echarts是我们的首选。重点：用较少的代码实现比较酷炫的数据统计表.ECharts，一个使用JavaScript实现的开源可视化库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的矢量图形库ZRende
赵客缦胡缨v吴钩霜雪明·2021-06-18 23:58

VUE学习环境搭建.

前述.最近在学习前端框架Vue，也是从零开始学习的小白，主要参考学习资料：Vue官网、菜鸟教程现记录学习过程中的心得，先从搭建环境开始。搭建基础环境.1.下载Node,根据自己的电脑系统类型、位数，下载响应的Node版本2.Node下载后，安装：一路下一步即可，验证Node.js是否安装成功，win+r输入cmd，打开黑窗口输入：node-v、npm-v能查询相关软件版本即可安装成功。3.在使用v
缘宸_·2021-06-14 09:59

VUE学习笔记：15.模块化开发之webpack使用配置文件打包

1.webpack使用配置文件打包我们前面讲的webpack打包命令webpack待打包的文件打包后的文件是以参数的形式来指定打包的入口文件和出口文件，这种方式不够灵活。在项目中我们更常用的方法是：将打包的相关信息写在配置文件中。webpack的配置文件为：webpack.config.js文件。（1）基本实现使用配置文件打包还是以前面的案例来进行讲解：新建webpack.config.js文件如
new nm个对象·2021-06-13 18:27

VUE学习笔记：14.模块化开发之webpack简介，安装及基本使用

1.什么是webpack2.webpack安装webpack要运行需要依赖于node环境，所有我们需要先安装node。如何使用node中的包管理根据npm来安装webpack第一步：安装node：https://nodejs.org/zh-cn/当执行以下命令成功时，表示安装完成。第二步：更改镜像源地址为淘宝镜像（类似于阿里云的maven中央仓库镜像）#安装npminstall-gcnpm--re
new nm个对象·2021-06-13 16:50

VUE学习笔记：13.模块化开发之：为什么需要模块化，CommonJS，ES6中的模块化（了解）

1.前端代码复杂带来的问题2.CommonJS(了解)3.es6中的模块化（1）导出（2）导入
new nm个对象·2021-06-12 22:39

VUE学习笔记：12.组件化之：slot组件插槽讲解

1.为什么需要使用slot我们自定义的组件往往需要在很多不同的页面中使用。而且在不同的页面中使用时，组件也不是一成不变的，而是同一组件在不同地方使用时展示的内容也稍有不同。要实现以上需求就不能在定义组件时把展示的内容写死，而是在组件中定义出插槽。当我们在使用组件再决定组件具体需要展示哪些内容。一般在定义组件时，我们将共性的内容写死在组件中。而可能改变的内容封装为插槽。2.slot的基本使用在定义子
new nm个对象·2021-06-12 20:04

vue学习笔记

安装npminstallvue概述vue模板newVue({data:{a:1},created:function(){},})vue定义了许多系统自带的属性attribute,一般用$开头来访问，有一些常用的attribute:$root访问组件的根元素，如果没有根元素就访问自己$parent访问父组件的实例$ref定义子组件的ID引用，$refs引用所有的子组件ID//通过ref这个attri
09c9ae1d7f1d·2021-06-12 13:30

Vue学习

对于一个只接触过后端程序的程序猿来说，看到前端代码，那是一个头两个大。而且最近几年前端学习的成本和难度在逐渐加大，可能连很多前端程序员都吃不消了。但是现在前端连全栈的事情都可以做了，为了不被淘汰，还是得了解了解里面的东西的，所以，来开个坑记录下学习vue.js的过程。1.Vue.js概述vue是一个渐进式的前端js框架，说是框架其实不太准确，因为vue本身和jquery一样，是对js的封装，如果算
SaySei·2021-06-11 09:53

vue学习中遇到的坑

定义组件名在引用组件时，不要用html关键字作为名字，这样在解析的时候它会当成html元素来解析例如://html//引入button组件importbuttonfrom'../../components/button/Button'//声明组件components:{button}即便引入了button组件，但是因为与html原生元素撞名了，在渲染html的时候还是会渲染成原生html元素。无法
詹小云·2021-06-11 07:04

Vue学习

从写ios布局到写vue，说实话刚写H5开发就一直觉得他这个css样式难写的一逼，现在还是难写的一逼。发现vue的Vant（vue移动端UI）后，只需要写部分简单的布局就行了。这里就单单以页面来说一个Vue组件和iOS的自定义UITableViewCell做个比较区分这里附带一个Vant的链接Vantimage.png图中红框就是原生开发常见的UITableViewCell列表样式这里Vue的组件
亦暖易冷·2021-06-11 06:58

小白的Vue学习之路

第三章Vue组件&路由定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式使用V
黑夜里的那盏灯·2021-06-08 06:51

Vue学习笔记

Vue开发请求本地数据的配置早期的vue-lic下面有dev-server.js和dev-client.js两文件，请求本地数据在dev-server.js里配置，最新的vue-webpack-template中已经去掉了dev-server.js和dev-client.js改用webpack.dev.conf.js代替，所以配置本地访问在webpack.dev.conf.js里配置即可作者：山风
LeoCong·2021-06-08 03:31

Yan Ruyu_Vue学习笔记

YanRuyu_Vue学习笔记Vue基本认知Vue是一个JavaScript框架，它的特点在于使用者不用再思考DOM的操作，一切都由Vue来承担，这就是Vue的MVVM模式，使用Vue框架你只需要操作数据而不是
YuJianChi·2021-06-08 01:47

小白的Vue学习之路

第一章Vue初步认识什么是Vue.jsVue.js是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App，Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js是前端的主流框架之一，和Angular.js、React.js一起，并成为前端三大主流框架！Vue.js是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与
黑夜里的那盏灯·2021-06-07 08:40

coderwhy大神 | vue cli4下vue.config.js配置px2vw插件

首先附上coderwhy老师vue学习视频B站视频安装postcss-px-to-viewportnpminstallpostcss-px-to-viewport--save-dev下面代码复制到vue.config.jsmodule.exports
RookieDay·2021-06-06 20:16

VUE学习笔记：4.vue的计算属性和v-on绑定监听事件

一.计算属性1.什么是计算属性2.计算属性的基本使用{{fullName}}//ES6中使用let定义变量，使用const定义常量letapp=newVue({el:'#app',//讲这个vue实例与id为app的标签关联起来data:{firstName:'zhang',lastName:'san'},//计算属性中的数据可以跟data中的数据一样使用，不过它的数据的值是通过方法的运算后得出的
new nm个对象·2021-06-05 23:35

使用vue学习three.js之加载和使用纹理-使用CubeCamera创建反光效果，动态环境贴图实现，立方体全景贴图

使用CubeCamera创建反光效果1.demo效果2.实现要点2.1创建立方体相机CubeCamera2.2使用动态环境贴图材质2.3render中更新立方体相机2.4创建场景的全景贴图2.5创建场景中的模型3.demo代码1.demo效果2.实现要点2.1创建立方体相机CubeCamera创建立方体的语法如下constcubeCamera=newTHREE.CubeCamera(near,fa
点燃火柴·2021-06-05 23:33

使用vue学习three.js之加载和使用纹理-使用环境贴图创建虚假的反光效果，使用CubeTextureLoader创建全景贴图，使用envMap创建静态环境贴图

使用环境贴图创建虚假的反光效果1.demo效果2.实现要点2.1创建场景的全景贴图2.2创建场景中的模型2.3属性更新处理2.4模型旋转更新3.demo代码1.demo效果2.实现要点2.1创建场景的全景贴图在创建场景函数中，使用CubeTextureLoader创建全景贴图，然后将全景贴图赋值给场景的background属性//创建场景createScene(){this.scene=newTH
点燃火柴·2021-06-05 17:32

VUE学习笔记：3.vue的插值操作及v-bind绑定属性

一.插值操作插值操作就是讲vue实例中的数据渲染到HTML页面标签的内容中。1.mustache语法mustache语法是在HTML页面中，需要使用vue数据的地方使用{{key}}的方式来获取vue中的数据的值。{{message}},张三{{firstName+""+lastName}}{{count*2}}{{firstName}}{{lastName}}//ES6中使用let定义变量，使用
new nm个对象·2021-06-05 17:37

VUE学习笔记

https://segmentfault.com/a/1190000012692321利用webpack创建一个VUE项目vueinitwebpack[projectName]npminstallnpmrundev/npmrunbuild关于MVVMMVVM，一种更好的UI模式解决方案MVVM===>M/V/VMM：model数据模型V：view视图VM：ViewModel视图模型开发中遇到的问题
周撒飞·2021-06-05 16:51

Vue学习笔记（一）

一、父子组价间的传值1.父组件传值给子组件在父组件中使用子组件时，可以通过直接在子组件中添加属性来给子组件传值，像下面这样importinnerHeaderfrom"../../components/innerHeader"exportdefault{name:"ip_ping_index",data(){return{current:'ICMP',btns:['ICMP','TCPing','H
许小花花·2021-06-05 00:17

使用vue学习three.js之加载和使用纹理-用视频输出作为纹理，使用VideoTexture视频纹理实现物体表面播放视频

使用VideoTexture视频纹理实现物体表面播放视频1.demo效果2.实现要点2.1使用标签引入视频资源2.2创建视频纹理材质3.demo代码1.demo效果2.实现要点2.1使用标签引入视频资源在public目录下的index.html文件中通过标签引入相关文件文件data(){return{videoURL:`${process.env.BASE_URL}movies/Big_Buck_
点燃火柴·2021-06-05 00:54

使用vue学习three.js之加载和使用纹理-使用canvas画布上的绘画作为纹理渲染到方块上，使用动态绘画纹理

使用canvas画布上的绘画作为纹理渲染到方块上1.demo效果2.实现要点2.1引入canvas绘板2.2创建绘图板2.3创建使用canvas纹理材质的网格对象2.4render()中更新canvas纹理贴图材质4.demo代码1.demo效果2.实现要点2.1引入canvas绘板在public目录下的index.html文件中通过标签引入相关文件文件2.2创建绘图板//创建canvas绘图板a
点燃火柴·2021-06-04 23:33

VUE学习笔记：2.vue的选项(options)及生命周期

1.vue对象的常见选项(options)我们在实例化一个Vue对象后，会使用它的选项。如：el,data等。详细的讲解，参考文档：https://cn.vuejs.org/v2/api/#search-query-nav我们目前需要掌握以下几个选项：2.vue的生命周期每个Vue实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DO
new nm个对象·2021-06-04 23:21

VUE学习笔记：1.初识vue.js

1.什么是vue.jsvue的官方网站：https://cn.vuejs.org/v2/guide/2.安装vue.js方式一：CDN引入方式二：下载到本地后引入前期我们使用这种方式。开发环境：https://vuejs.org/js/vue.js生产环境：https://vuejs.org/js/vue.min.js方式三：使用NPM安装新手不推荐这种方式。在学习到webpack和CLI时，必须
new nm个对象·2021-06-04 22:35

vue学习(15)：vue结合webpack

1.使用vue实例的render方法渲染组件varlogin={template:'这是登录组件'}varvm=newVue({el:'#app',data:(),methods:{},render:function(createElement){//createElement是一个方法，调用它，能够把指定的组件模板，渲染为html结构returncreateElement(login)//注意：
不会改变·2021-06-04 17:35

Vue学习笔记: Vue + Element-ui搭建后台管理系统模板

Vue学习笔记:Vue+Element-ui搭建后台管理系统模板技术：Vue+Element-ui功能：后台管理系统基础模板，路由配置，加载页面进度条,请求响应拦截器的封装等页面预览：后台管理系统模板代码
前端互助会·2021-06-04 10:30

使用vue学习three.js之加载和使用纹理-在canvas画布上生成噪音图，然后创建凹凸贴图

使用高光贴图创建色彩鲜明的地球1.demo效果2.实现要点2.1引入噪音函数库2.2在画布上绘制噪音图2.3创建凹凸贴图材质的网格对象2.4更新bumpScale4.demo代码1.demo效果2.实现要点2.1引入噪音函数库在public目录下的index.html文件中通过标签引入perlin.js文件2.2在画布上绘制噪音图这里首先创建一个canvas标签，追加到DOM上，然后通过噪音函数生
点燃火柴·2021-06-04 00:42

使用vue学习three.js之加载和使用纹理- 通过设置纹理的wrapS、wrapT、repeat属性实现纹理的重复平铺，纹理的重复映射

纹理的重复平铺、重复映射1.demo效果2.纹理平铺的相关属性3.实现要点4.demo代码1.demo效果2.纹理平铺的相关属性在之前学习纹理对象Texture已经介绍过纹理的wrapS、wrapT、repeat属性，它们都是用来设置纹理重复的相关属性，在来简单说一下这几个属性wrapS纹理在水平方向上纹理包裹方式，在UV映射中对应于U，默认THREE.ClampToEdgeWrapping，表示
点燃火柴·2021-06-03 22:17
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他