#vue学习

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

使用vue学习three.js之加载和使用纹理-设置material.specularMap属性使用高光贴图创建色彩鲜明的地球

使用高光贴图创建色彩鲜明的地球1.demo效果2.相关知识点3.实现要点4.demo代码1.demo效果2.相关知识点在demo效果中，你可以看到海洋的色彩比较鲜明会反光，陆地上则不反光或反光很少，实现这种效果并不是使用特殊的法线贴图，使用一张显示高度的法向贴图即可3.实现要点高光贴图的使用和其他贴图一样，需要将material的specularMap属性设置成加载的高光贴图，还要设置materi
点燃火柴·2021-06-03 01:01

使用vue学习three.js之加载和使用纹理-设置material.normalMap属性使用法向贴图创建表面不同凹凸程度的三维物体

使用法向贴图创建表面不同凹凸程度的三维物体1.demo效果2.知识要点2.1法向贴图2.2使用法向贴图3.实现要点3.1创建模型3.2模型贴图与法向贴图更新3.3点光源绕物体8字型运动3.demo代码1.demo效果2.知识要点2.1法向贴图法向贴图保存的是每个像素的法向量，这样的好处是使用非常少的顶点和面就可以创建出有丰富细节的模型2.2使用法向贴图使用法向贴图的方法和使用凹凸贴图一样，只需要将
点燃火柴·2021-06-02 22:58

VUE学习：vue基础25————自定义事件

提示：本文为VUE栏目：VUE学习：vue基础24————自定义事件VUE学习：VUE学习：vue基础24————自定义事件前言自定义事件自定义的组件和vm实例的关系自定义事件自定义事件1自定义事件2：
北凉冬·2021-05-31 16:42

VUE学习：vue基础24————自定义指令

提示：本文为VUE栏目：VUE学习：vue基础24————自定义指令VUE学习：vue基础24————自定义指令前言自定义指令演示：自定义全局指令和私有指令自定义指令案例前言本文vue框架中指令。
北凉冬·2021-05-31 16:56

Vue学习笔记之Vue安装

什么是Vue.jsVue是一套用于构建用户界面的渐进式JavaScript框架。与其他大型框架不同的是，vue被设计为自底向上逐层应用。Vue的核心库只关注视图层。Vue是典型的MVVM模型的框架。Vue不支持IE8以下版本，因为Vue使用了IE8无法模拟的ECMAScript5特性。Vue环境配置Vue安装直接用引入下载Vue对应的版本，通过进行引入；不下载Vue对应的版本，通过CDN访问对应的
Kity_Pei·2021-05-31 15:19

VUE学习：vue基础23————组件：组件的状态保持

提示：本文为VUE栏目：VUE学习：vue基础23————组件：组件的状态保持VUE学习：vue基础23————组件：组件的状态保持前言组件组件的状态保持直接切换两个标签直接使用component组件时
北凉冬·2021-05-31 11:36

VUE学习：vue基础22————动画04：动画练习

提示：VUE学习：vue基础22————动画04：动画练习VUE学习：vue基础22————动画04：动画练习前言动画动画练习组件切换案例前言本文学习Vue的动画相关内容。
北凉冬·2021-05-31 11:32

VUE学习：vue基础19————动画01：过渡

提示：VUE学习：vue基础19————动画01：过渡VUE学习：vue基础19————动画01：过渡前言动画过渡过渡案例演示过渡类名过渡类名的触发条件移动过渡效果前言本文学习Vue的动画相关内容。
北凉冬·2021-05-31 11:53

使用vue学习three.js之创建动画-使用外部模型创建动画，使用GLTF格式文件动画创建动画

使用GLTF格式文件动画创建动画1.demo效果2.实现要点2.1加载GLTF文件2.2创建AnimationMixer动画2.3render中更新动画3.demo代码1.demo效果2.实现要点2.1加载GLTF文件加载gltf文件，首先要引入GLTF加载器，需要在vue文件中显示引入import{GLTFLoader}from'three/examples/jsm/loaders/GLTFLo
点燃火柴·2021-05-29 21:25

使用vue学习three.js之创建动画-使用外部模型创建动画，使用Blender导出的JSON模型创建动画

使用Blender导出的JSON模型创建动画1.demo效果2.实现要点2.1加载模型文件2.2创建蒙皮与动画2.3render中更新动画3.demo代码1.demo效果2.实现要点2.1加载模型文件与之前一样这里要用到JSONLoader加载器，需要在public目录下的index.html文件中引入旧版three.js在当前vue文件中注释掉引入本地依赖的代码//import*asTHREEf
点燃火柴·2021-05-29 14:56

使用vue学习three.js之创建动画-创建骨骼动画，使用SkinnedMesh制作蒙皮

创建骨骼动画，使用SkinnedMesh制作蒙皮1.demo效果2.骨骼蒙皮动画介绍3.实现要点3.1加载模型文件3.2创建tween动画3.3render中更新动画4.demo代码1.demo效果2.骨骼蒙皮动画介绍人体有骨骼肌肉和皮肤，在three.js中骨骼的作用和人体的骨骼相同就是骨架，蒙皮即人类的皮肤，只不过它不需要肌肉，骨骼蒙皮动画其实就是通过骨骼的变形蒙皮联动而产生一系列的动画3.实
点燃火柴·2021-05-29 14:39

使用vue学习three.js之移动相机-使相机沿指定路径运动，相机巡检，是物体在指定路径上运动

使相机沿指定路径运动，是物体在指定路径上运动1.demo效果2.实现要点2.1相机运动2.1.1创建运动路径2.1.2render中更相机坐标2.2相机轨道参考线2.3小球运动2.3.1创建小球2.3.2render中更小球坐标3.demo代码1.demo效果如上图，该demo实现相机沿指定路径运动始终看向地球，绿色小球沿相机相反方向运动2.实现要点2.1相机运动2.1.1创建运动路径创建运动路径
点燃火柴·2021-05-28 23:34

Vue学习笔记

part1简单指令的学习Document[v-cloak]{display:none;}{{msg}}:v-click:简写->@-->varvm=newVue({el:"#app",data:{msg:"123",msg2:"123456",mytitle:"这是自定义的title",},methods:{show:function(){alert(123);}},});运用简单指令实现一个走马
JackySei·2021-05-25 16:49

VUE学习：vue基础15————过滤器

提示：VUE学习：VUE学习：vue基础15————过滤器VUE学习：vue基础15————过滤器前言过滤器过滤器的使用模板化定义过滤器私有过滤器过滤器函数参数私有过滤器和全局过滤器重名多个过滤器自定义函数实现过滤器效果前言本文继续学习
北凉冬·2021-05-23 21:33

VUE学习：vue基础13————组件：自定义属性验证值

提示：本文为VUE栏目：VUE学习：vue基础13————组件：自定义属性验证值VUE学习：vue基础13————组件：自定义属性验证值前言组件自定义属性验证值设置属性propA的值只能是数字类型自定义函数来限制内容设置属性允许的类型为多个设置属性接收
北凉冬·2021-05-23 21:00

VUE学习：vue基础12————组件：自定义组件的属性

提示：本文为VUE栏目：VUE学习：vue基础12————组件：自定义组件的属性VUE学习：VUE学习：vue基础10————组件：组件的使用前言组件自定义组件的属性前言本文vue框架中组件相关。
北凉冬·2021-05-23 21:51

VUE学习：vue基础11————组件：组件的模板

提示：本文为VUE栏目：VUE学习：vue基础11————组件：组件的模板VUE学习：vue基础11————组件：组件的模板前言组件组件的模板模板化自定义组件模板中的标签也必须只能有一个跟标签使用script
北凉冬·2021-05-23 20:16

VUE学习：vue基础10————组件：组件的使用

提示：本文为VUE栏目：VUE学习：vue基础10————组件：组件的使用VUE学习：vue基础10————组件：组件的使用前言组件示例：创建全局组件模板简写形式：简写一简写二私有组件前言本文vue框架中组件相关
北凉冬·2021-05-23 20:28

Vue学习笔记（二）组件化和模块化

Vue学习笔记（二）组件化和模块化前言组件化什么是组件化1、基础使用2、全局组件和局部组件3、语法糖和模板抽离4、组件的data为什么是函数5、父子组件5.1父子组件5.2父子组件通信5.2.1父传子值
Hi--Man·2021-05-21 15:31

VUE学习：vue基础02——VUE生命周期函数

提示：本文为VUE栏目：VUE学习：vue基础02——VUE生命周期函数VUE学习：vue基础02——VUE生命周期函数前言VUEVUE生命周期函数声明周期实例生命周期函数三大类1.创建期间函数2.运行期间函数组件的激活和停用
北凉冬·2021-05-17 21:26

Vue学习4：Vue-router

Vue学习4：Vue-router文章目录一、认识路由1.后端路由与前端路由二、Vue-router基本使用1.基本使用2.router-link的属性3.动态路由4.路由的懒加载5.嵌套路由6.参数传递
Vivian小姐·2021-05-14 15:45

Vue学习日记

Vue官方文档以下内容作为本人日常学习使用，不作为参考一、Vue环境搭建以及vue-cli的使用Vue多页面应用文件引用直接用引入·对于制作原型或学习，你可以这样使用：·npm进行安装npminstallvuevue-cli构建SPA应用·npminstall-gvue-cli全局安装vue-cli·vueinitwebpack-simpledemodemo是项目名字（简单）·vueinitweb
好一只帅卤蛋·2021-05-13 06:28
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他