VueJs 第52页

VueJs路由跳转——vue-router的使用

对于单页应用，官方提供了vue-router进行路由跳转的处理，本篇主要也是基于其官方文档写作而成。安装基于传统，我更喜欢采用npm包的形式进行安装。npminstallvue-router--save当然，官方采用了多种方式进行安装，包括bower,cdn等。基本用法在HTML文档中使用，只需要利用v-link这个directive就行了，如：Gotoview-aps:v-link还支持acti

hsany330·2020-08-23 17:14

Vue 和 Firebase快速搭建无服务端微博类应用

参考资源原文地址：https://www.smashingmagazine.com/2018/04/vuejs-firebase-firestore/简介参考资源的文章已经介绍的非常详细了，但是文章有好几处没有说清楚

iCloudEnd·2020-08-23 17:19

全景图嵌入商品_使用VueJS将全景图嵌入您的网站

全景图嵌入商品VueJS全景查看器(VueJSPanoramaViewer)Embedpanoramaintoyourwebsite(lightweight~4.56kB)VueJSversionofJQueryPanoramaViewer

cuk5340·2020-08-23 16:42

Vue源码分析之实现一个简易版的Vue

目标参考https://cn.vuejs.org/v2/guide/reactivity.html使用Typescript编写简易版的vue实现数据的响应式和基本的视图渲染，以及双向绑定功能。

Khazix·2020-08-23 15:00

搭建vue + webpack项目环境

前段时间一直在断断续续的看vue的官方文档，后来就慢慢的学习搭建vue的开发环境，其实官方文档说的已经很清楚了官方文档地址（2.0版本）：https://cn.vuejs.org/v2/guide/installation.html

_北城·2020-08-23 15:38

利用vueJs实现图片轮播

最近新学习了vuejs,尝试着用vuejs写了一个简单的图片轮播，便做个简单的记录以下只贴出carousel.vue代码，其他的省略左移右移constSCREEN_WIDTH=document.body.clientWidth

爱伦。·2020-08-23 14:45

前端环境配置准备工作

nodejs.org/en/二、安装镜像文件，淘宝镜像，npm的服务器在国外，要想更快的访问到，可以安装cnpmhttp://npm.taobao.org/三、如果开发环境需要使用到vue，你需要https://cn.vuejs.org

ikdeer·2020-08-23 14:39

Springboot v2.0.6 +vue实现增删查改例子小记

前台Vue代码config/index.js'usestrict'//Templateversion:1.3.1//seehttp://vuejs-templa

南车与重工·2020-08-23 12:39

vuejs环境搭建及创建第一个项目

一、vuejs环境搭建vuejs的运行是基于node和git的所以在安装Vuejs时要先安装着两个软件才能成功安装vuejs。

qq_36036540·2020-08-23 11:15

Vue 学习笔记

参考：vue官网地址：https://cn.vuejs.org/v2/api/2.安装vue-devtools插件，便于在chrome中调试安装地址

qq_34381084·2020-08-23 11:29

02 Vue基本用法：变量、模板绑定、属性绑定和事件绑定

02VueJS基本用法{{msg}}数量：{{(num+1)*10}}原样显示带有HTML标签的变量：{{menu_template}}点击后调用绑定的函数点击后调用绑定的函数newVue({el:'#

巅峰键盘侠·2020-08-23 06:37

【vuejs】vuejs中使用moment.js处理时间

在上一篇文中，我写到我需要得到当前时间到第二天指定时间的秒数。一开始不知道怎样简单的计算，只会使用比较笨的办法。后来在群里问了大神，他告诉我可以使用moment.js，一个专门处理时间的类库。vue的话，在moment.js的官网里，是给了安装方法的npminstallmoment--save然后再入口文件main.js中导入并使用importmomentfrom'moment'//导入文件Vue

萌村村花杨小花·2020-08-23 04:13

vuejs中v-bind绑定class时的注意事项

Document.static{font-size:120px;width:600px;margin:0auto;background-color:yellow;height:120px;line-height:120px;text-align:center;}.class-a{color:#FF0000;}.class-b{text-decoration:underline;}关于class的绑

xxy77721·2020-08-23 04:25

vue元素动态设置/绑定id。v-bind/on/model小结

官方文档:https://cn.vuejs.org/v2/api/#v-bind这里用到的是v-bind知识，用于绑定数据、特性1.给id动态绑定一个函数，和绑定数据无异，因为函数return了数值回来

weixin_45629623·2020-08-23 03:29

Vue 的学习 0629

今天花了多少时间在编程的学习上:6今天完成的事情：1.VueJS2的视频教程,从#28to#31看完了,耗时大约半个小时2.checkbox和select和v-model的联动3.使用下面这样的形式去方便的改变组件

Brash·2020-08-23 03:32

Vue实现购物车全选及价格计算

《vuejs实战》这本书中5.5是一道实战题：利用计算属性、指令等知识开发购物车。

年轻即出发·2020-08-23 03:32

Cannot read property 'get' of undefined" in vuejs

1.组件的js写法exportdefault{name:"TP300",//组件的名称data(){return{keys:"",light:"",deep:"",flagRange:"",flag:"",showopa:"",hideopa:"",currentSpan:"",SnNum:"",listItems:[],title:"",rangeList:[]};},mounted:funct

欧阳木马·2020-08-23 03:44

Vue中自定义过滤器及其使用

使用:{{item.ctime|dataFormat('yyyy-mm-dd')}}自定义全局过滤器虽然VueJs给我们提供了很多强有力的过滤器，但有时候还是不够。

墨染枫林·2020-08-23 03:37

vuejs绑定img 的src

1.显示本地图片：2.绑定变量：data(){return{defaultIcon:require("../../common/images/merchant-portrait-1.png"),};},图片路径为：3.绑定后台返回的图片地址：data(){return{iconImg:""//存放src的变量};},methods:{getInfo(){this.token=sessionStor

weixin_34309435·2020-08-23 03:27

VueJS参数绑定：v-bind:href,v-on:event

参数绑定HTMLVue测试实例-菜鸟教程(runoob.com)青青子衿newVue({el:'#app',data:{url:'http://www.boonya.com'}})参数绑定效果：事件绑定HTMLVue测试实例-菜鸟教程(runoob.com)doSomethingnewVue({el:'#app',data:{doSomething:function(){alert("Dosome

weixin_30608131·2020-08-23 03:00

Vuejs input 和 textarea 元素中使用 v-model 实现双向数据绑定

demoVuejsinput元素:消息是：{{message}}textarea元素：文本框：{{message1}}newVue({el:'#app',data:{message:'修改一下',message1

weixin_30399797·2020-08-23 03:18

Vue开发全解

官方文档:https://cn.vuejs.org/第一阶段:基础篇开篇一:HelloWorld01_HelloWorldhello{{msg}}constvm=newVue({//配置对象options

weixin_30332705·2020-08-23 03:14

详解VueJs中的V-bind指令

引子v-bind主要用于属性绑定，Vue官方提供了一个简写方式:bind，例如：一、概述v-bind主要用于属性绑定，比方你的class属性，style属性，value属性，href属性等等，只要是属性，就可以用v-bind指令进行绑定。示例：二、绑定HTMLClass对象语法我们可以传给v-bind:class一个对象，以动态地切换class上面的语法表示active这个class存在与否将取决

碧海凌云·2020-08-23 03:17

Vue小结(一): vue数据驱动模型

Vuejs的数据驱动是通过MVVM框架来实现的。MVVM框架主要包含3个部分:model、view和viewmodel。

zlting~·2020-08-23 02:32

v-bind

百度-->newVue({el:'#example',data:{msg:'VueJSisAwesome',myUrl:'https://www.baidu.com',imgName:'index5.JPG

spfLinux·2020-08-23 02:50

vue中v-if和v-for混用时应该注意的事项

1、当根据遍历的列表中的对象的某一个属性决定展示与否的时候，使用计算属性(computed)进行判断，computed的具体介绍详见：https://cn.vuejs.org/v2/guide/computed.html

吃茶去吖·2020-08-23 02:57

Vue的基础入门及使用

Vue的基础入门及使用第一章Vue核心1.1Vue的基本认识1.1.1官网英文官网：https://vuejs.org/中文官网：https://cn.vuejs.org/1.1.2介绍描述渐进式JavaScript

ruozhuliufeng·2020-08-23 02:48

Vue.js初体验（引入Vue.js）

新建项目然后引入Vue.js**第一种方法**：在官方网站下载vue.js到本地引入，[vue.js](https://cn.vuejs.org/)**第二种方法**：使用CDN方法以下推荐国外比较稳定的两个

学海无涯cpl·2020-08-23 02:46

Vue.js：动态绑定CSS样式、指令v-if、v-else-if、v-show、v-for

学习Vue.js第五天动态绑定CSS样式v-bind:class="{active:isActive}"官方文档地址:https://cn.vuejs.org/v2/guide/class-and-style.html

勤奋的树懒·2020-08-23 02:33

Vue调试工具DevTools安装以及使用

1.首先下载devTools的压缩包(下载地址:https://github.com/vuejs/vue-devtools)2.将压缩包解压，放入磁盘中(路径随你自己)3.win+R输入cmd,进入你解压的文件夹之下

MustCheer·2020-08-23 02:18

Vuejs学习2.1 vue语法——插值语法，动态绑定属性

Vue语法插值语法Mustache语法v-oncev-htmlv-textv-prev-cloak动态绑定基本使用动态绑定class对象语法数组语法动态绑定style对象语法数组语法综合例子首先我们需要new一个vue对象来实现对特定id得模块进行操作，el表示模块的id（为字符串），data表示用到的数据（为对象），还包含methods等等constapp=newVue({el:'#app',d

记忆碎片人·2020-08-23 02:57

v-bind:href= 拼接字符串 - 代码篇

vuejs标签属性数据绑定和拼接v-bind:href=拼接字符串v-bind绑定href的值（拼接属性值String）参考csdn文章：终于知道vue.js标签属性数据绑定和拼接代码实例如下：{{item.Name

草巾冒小子·2020-08-23 02:24

vuejs过滤器

（1）2.x版本已经去掉了所有的内置过滤器，需要就得自己写（2）跟methods,computeds一样写,本身是一个对象，然后添加方法，添加需要过滤格式化的参数内容image.png为了根据传入的会员类型选择合适的标签样式，进行对应，不采用过滤器，也可以使用嵌套三元表达式来判断，不过很不清晰image.png

西兰花伟大炮·2020-08-23 02:56

Vue自定义过滤器

虽然VueJs给我们提供了很多强有力的过滤器，但有时候还是不够。值得庆幸的，Vue给我们提供了一个干净简洁的方式来定义我们自己的过滤器，之后我们就可以利用管道“|”来完成过滤。

刘_小飞·2020-08-23 01:19

Vue.js 实用技巧（二）

技巧一：任何地方都能写jsx写过Vuejsx的都知道，通常我们需要将jsx写在render(h){}中。但是有些情况下我们想在

ivan820819·2020-08-23 01:20

VueJs中 v-bind指令的用法

v-bind可以实现动态改变属性的属性值1.基础用法：后期可以通过操作app.msg动态改变src的属性值constapp=newVue({el:'#ve',data:{msg:'img/1.jpg',}});2.可以动态绑定classjson语法css样式.red{color:red;}.big{font-size:22px;}div被绑定上了red属性若此时修改app.isbig为true可以

林冉儿11·2020-08-23 01:59

Vue.js之组件data的使用

官网链接：https://cn.vuejs.org/v2/guide/components.html参考链接：http://www.cnblogs.com/keepfool/p/5625583.html

cattleya_ada·2020-08-23 01:58

vue学习05--Vuejs中computed、methods、watch的区别[2]

看了很多资料，官方文档、博客、论坛等，写出以下例子，可看出部分区别：当然，我个人简单理解如下：（并不准确，甚至错误，望大神纠正补充，感激不尽）computed有缓存，若相关数据未发生变化，则不调用；methods无缓存，需要事件才能调用它（如点击等）；watch多用于数据交互频繁的内容。（例如定时axios从服务器获取数据）哈利波特的英文是：{{fullName}}赵四的昵称是：{{zhaosi(

静候茶茶大人·2020-08-23 01:17

vue学习04--[转发]Vuejs中computed、methods、watch的区别

转自：http://blog.csdn.net/smartdt/article/details/75557369官方文档地址：https://cn.vuejs.org/v2/api/#computed1

静候茶茶大人·2020-08-23 01:17

(精华)2020年7月12日 vue vue-cli脚手架的使用

vue-cli脚手架https://cli.vuejs.org/zh/guide/installation.html1.简介版本：2.xvue-cli是一个vue脚手架，可以快速构造项目结构vue-cli

愚公搬代码·2020-08-23 01:42

VueJs(5)---V-bind指令

V-bind指令一、概述v-bind主要用于属性绑定，比方你的class属性，style属性，value属性，href属性等等，只要是属性，就可以用v-bind指令进行绑定。示例：二、绑定HTMLClass对象语法我们可以传给v-bind:class一个对象，以动态地切换class上面的语法表示active这个class存在与否将取决于数据属性isActive的truthiness你可以在对象中传

a8892117·2020-08-23 01:10

vue基础：绑定属性class，绑定style

url:'https://vuejs.org/images/logo.png'3

谷咕咕·2020-08-23 01:36

vuejs全家桶之nuxt.js的使用

完成vuejs项目的服务器端渲染SSR和我们nuxt.js有什么关系？nuxt.js就是完成vuejs项目的服务器端渲染。主要是为了解决vuejs项目不利于SEO的问题。为什么要

RyleeLouth·2020-08-23 00:25

vue.use()原理和Vue插件的开发使用

参考：https://cn.vuejs.org/v2/guide/plugins.htmlhttps://juejin.im/post/5d8464a76fb9a06b3260ad30https://www.cnblogs.com

MiemieWan·2020-08-23 00:10

vue 2.3 更新组件间的数据“双向绑定“ .sync 修饰符

官方文档链接https://cn.vuejs.org/v2/guide/components-custom-events.html调用组件importpagefrom'../..

BookNoteY·2020-08-23 00:16

vue常用指令v-bind的使用总结

:src可以简写：srcsrc绑定本地路径出现问题：参考https://www.jianshu.com/p/f82c5ecbd3a5以下摘自vue的api文档：仅做自我学习的笔记https://cn.vuejs.org

傻小胖·2020-08-23 00:28

vuejs学习笔记 v-model v-on v-bind computed vue三目运算符

Title.complete{color:#00a65a;text-decoration:line-through;}VUEJS{{arrCount}}{{message}}{{arrs.title}}

qq_25009679·2020-08-23 00:55

vuejs的v-for遍历、v-bind动态改变值、v-if进行判断

最近学了点vuejs,把学的东西记录下来方便你我他。

qijingpei·2020-08-23 00:23

Vuejs的数据驱动与组件

数据响应原理：有一份数据a.b，在一个vue对象的实例化过程中，会给a.b这份数据通过ES5的Object.defineProperty属性添加了一个getter和setter，同时vuejs对模板做编译

abcde3326·2020-08-23 00:26

Vue.js安装和三个操作小案列

Vue.js安装1安装Vue1.方式一：直接CDN引入2.下载和引入开发环境https://vuejs.org/js/vue.js生产环境https://vuejs.org/js/vue.min.js3

ルビ氷·2020-08-23 00:15

推荐频道

VueJs