【Vue】搜索结果

  • vue的生命周期

    阅读更多
  • flv.js与vue

    之前公司有个需求是使用flv.js去写一个监控视频的一个功能,但是我上网找了很长时间都没有找到 但是也写出来了 希望我这个文章会对你们有帮助吧,接下来我会把流程给你 希望在前端的道路上越走越远 有疑问可以给我留言我会给你们解答的

    阅读更多
  • Vue路由 vue-router

    阅读更多
  • Vue路由

    阅读更多
  • vue路由

    安装 cnpm i vue-router -S 使用 1: 在src/router.js文件,注册路由、创建路由实例并抛出 2: 在入口文件main.js中引入路由实例并挂载 3: 在App.js组件中,使用内置组件<router-view></router-view>容器来放置匹配成功的组件 4: 使用<router-link></router-link>实现页面的跳转 运用 1)安装与配置:设计路径和组件匹配关系(一一对应关...

    阅读更多
  • 初识Vue

    这两天老大下任务,说要研究研究Vue,于是有了这篇博客。 刚刚学习Vue也是很蒙圈的状态,看了几集视频,听了一个分享,这才有些门路,趁热打铁先画个思维导图,捋一捋silu思路。 虽然内容不多吧,但是花费了我将近一个小时的时间。后续还会深入了解。

    阅读更多
  • vue初识

    1.vue的安装 新手采用下载vue.js的文件,使用script标签引入使用 2.初识vue语法 1.语法使用 2.简单语法的使用 3.无序列表的使用 movies是定义了一个数组名 然后在div app中 使用vue 中v-for语法将数值遍历 就不用一步步的去写数组里面的是个元素了 4.计数器 1.简单的计数器 使用了v-on:click函数 实现数值的加减 一般的不推荐使用 2.在vue中定义methods函数 其中后面加s表示可以在methods使用多个函数 4.Vue中的MVVM 1.我们学习一个概念 最好的是去看维基百科(可别看成了百度百...

    阅读更多
  • 初学VueVue里的vm和el

    Vue.js是用于构建交互式Web界面的库。从技术上讲,Vue.js专注于MVVM(MVVM是Model-View-ViewModel的简写。它本质上就是MVC的改进版。MVVM就是将其中的View的状态和行为抽象化,让我们将视图UI和业务逻辑分开。)模式的ViewModel层。它通过两种方式的数据绑定连接View和Model。实际的DOM操作和输出格式被抽象为“指令”和“过滤器”。VM实际是ViewModel--视图模型。vue的数据必须通过VM(ViewModel)操控视图。截图来源:https://012.vuejs.org/guide/el:

    2021-07-11

    阅读更多
  • 安装使用配置NPM环境,并下载vue,vue-router,vue-cli

    安装Nodejs这一步没有什么好说的,很简单就下一步下一步安装即可我们直接找到官网的下载路径下载即可,我下载的是下面的这个版本安装验证:我们现在需要验证是否安装成功,所以我们打开cmd,在cmd中输入node-v和npm-v可以看到安装成功了,现在其实是可以使用的,但是为了更好的管理我们的下载路径所以我们需要更改一下全局环境cmd下输入npmlist-global,可以看到你的路径,但是我忘记截图了再看看另外2个目录,npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过,一使用缓存目录就生成了),我们试图把这2个目录移动回到D:\ProgramFiles\node...

    2021-07-12

    阅读更多
  • vue项目可视化管理之(vue ui)

    @vue/cli3.0增加一个可视化项目管理工具,全局安装完成cli3.0之后,可以直接在cmd输入命令:vueui启动即可,地址默认是localhost:8000可以通过那牛导入你的vue项目进行管理,也可以通过创建按钮进行可视化创建一个新的vue项目。还可以查看运行依赖和开发依赖的以及在线安装和更新依赖,非常方便任务按钮下,你可以运行项目、打包项目,检查等操作。

    2021-07-13

    阅读更多
  • vue ui创建新的vue项目

    用vueui创建新的vue项目vue3.0以上才会有vueui功能一、创建新vue项目1.在命令行里面输入vueui2.进入创建新项目页面输入项目名称,填写git初始化提交信息,下一步3.预设面板可以选择以前创建过的预设,也可以重新手动配置项目,下一步4.进入功能面板,选择项目所需要的功能一定要有Babel和Linter/Formatter(代码格式校验)、使用配置文件,其他根据需要选择,下一步5.进入配置面板第一项,是否选择历史路由,关闭,推荐只用hash方式第二项,选中ESLint+Standardconfig标准配置文件第三项,Linkonsave只要保存,就对所写代码进行格式校验6.创...

    2021-07-13

    阅读更多
  • vue-cli来搭建一个vue项目

    用控制台生成vue项目在控制台中输入vueinitwebpackproject(自己取的项目名称)“project1”是自己取的项目名称下面的:“Projectname”写项目的名称,不可以出现大写字母否则会报错"Projectdescription"就是对项目的一些描述“Author”作者,也就是你的名字“Installvue-router?”vue-router是全家桶里的官方路由管理器,选择yes“UseESLinttolintyourcode?”是否使用ESLint管理代码,ESLint是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。多数情况下都会使用“S...

    2021-07-13

    阅读更多
  • vuevue-cli

    废话没有,我们直接进入vue官方推荐的脚手架vue-cli。1、安装最新版的node(安装完成以后会自动集成npm),终端node-v查看nodejs版本2、安装淘宝镜像:npminstall-gcnpm--registry=https://registry.npm.taobao.org3、安装webpack:cnpminstallwebpack-g4、安装vue-cli:npminstall-gvue-cli,终端输入vue回车查看是否安装成功项目创建:1、vueinitwebpack项目名称,静待安装完成在生成过程中,会提示一些输入项,特别提示:UseESLinttolintyourcod...

    2021-07-13

    阅读更多
  • vuevue-socket.io

    首页专栏vue-socket.io文章详情0vue中vue-socket.iolijing0302发布于4月27日对前端而言,来实现浏览器和服务器实时通信,最好的选择就是Socket.IO库,能够快速的实1、什么是Socket.IO?Socket.IO是一个WebSocket库,可以在浏览器和服务器之间实现实时,双向和基于事件的通信。它包括:Node.js服务器库、浏览器的Javascript客户端库。它会自动根据浏览器从WebSocket、AJAX长轮询、Iframe流等等各种方式中选择最佳的方式来实现网络实时应用,非常方便和人性化,而且支持的浏览器最低达IE5.5。2、Socket.IO主...

  • Vue实战

    首页专栏vue.js文章详情3Vue实战裕谷发布于2018-10-10创建Vue项目#全局安装vue-cli$cnpminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project项目运行#开发者模式运行[默认访问:localhost:8080]$npmrundev#打包运行[默认访问:localhost:5000]$npmrunbuild$npminstall-gserve$servedist开发目录设计src》api与后台交互模块文件夹》common通用资源文件夹,如fonts/img/stylus》component...

  • vue-router中引入vue组件的两种方式

    前提在vue的路由配置文件(routers.js)中,有如下两种引入组件的方式:一:调用时间require:运行时调用,理论上可以运用在代码的任何地方import:编译时调用,必须放在文件开头二:加载效率1、懒加载:component:resolve=>require(['@/view/index.vue'],resolve)用require这种方式引入的时候,会将你的component对应的组件分别打包成不同的js,加载的时候是按需加载,只用访问这个路由网址时才会加载这个js。2、非懒加载:component:index如果用import引入的话,当项目打包时路由里的所有compone...

    2021-07-17

    阅读更多
  • Vue国际化

    简单的实现由vue-i18n实现的国际化首先我们需要安装npmivue-i18n;然后在src文件下新建一个i18n的文件然后在这个文件中放入你的国际化js然后在main.js中引入importVueI18nfrom‘vue-i18n’importzhfrom‘./i18n/zh.js’importenfrom‘./i18n/en.js’然后在需要的页面写入就可以了

    2021-07-18

    阅读更多
  • import "vue"

    import"vue"回去package.json的相关依赖找关键字"vue",然后去nodemodules里去找vue文件夹里的package.json找到相关依赖找关键字"main",然后按照右边的路径去获取相关的文件,最终找到有个module.exports=Vue;

    2021-07-19

    阅读更多
  • Vue+mock初级入门

    1.下载npmimockjs--save-dev2.新建一个mock.js的文件3.在main.js中引入require("…/mock.js")【我的是与package.json同级】4.使用mock语法在mock.js写数据5.引入axios显示数据

    2021-07-19

    阅读更多
  • vue | tab导航

    之前看bootstrap的时候就觉得它的轮播导航很好用,最近又在vue官网看到个tab导航,觉得很不错网址https://jsfiddle.net/chrisvfritz/Lp20op9o/然后被我用vue-cli改了改(其实就是复制粘贴),像个正常的页面了,还添加了我自己的信息(逃github地址[vue-tabpage]https://github.com/Saber2pr/vue-tabpage说说它实现的原理首先是模板<template><divid="dynamic-component-demo"><buttonv-for="tabintabs"v-bi...

    2021-07-20

    阅读更多
  • vue---导航

    vue用this.$router.go()和this.$router.push()进行导航。this.$router.go()值为1或者-1,1前进一页-1后退一页。this.$router.push()跳转到指定的页面。

    2021-07-20

    阅读更多
  • vue+ele爬坑之路(四)—vue-seamless-scroll

    因为要做一个无缝滚动的判断,在这里我用到了vue-seamless-scroll,然后因为琢磨这个,我在坑底白白蹲了一天,到了现在忽然茅塞顿开,才把问题解决,也是心累了。1、安装npminstallvue-seamless-scroll--save2、配置全局配置,在main.js中importscrollfrom'vue-seamless-scroll'Vue.use(scroll);3、使用<template><divclass="router1"><divclass="flexwd800"><divclass="options"style="co...

    2021-07-21

    阅读更多
  • vue+ele爬坑之路(三)—vue-amap

    地图几乎是很多项目中不可或缺的一部分,这里介绍下在vue+element中vue-map的使用。1、安装npminstallvue-amap--save2、配置全局配置,在main.js中配置,代码如下:importVueAMapfrom'vue-amap';Vue.use(VueAMap);//初始化VueAMap.initAMapApiLoader({key:'yourkey',plugin:['AMap.Autocomplete','AMap.PlaceSearch','AMap.Scale','AMap.OverView','AMap.ToolBar','AMap.MapType','...

    2021-07-21

    阅读更多
  • 【Hello VUE】暴学VUE之基础篇(五)

    暴学VUE之基础篇目录结构api和viewscomponentsstore说明后续这篇文章主要内容来源开源项目vue-element-admin的教程:https://juejin.im/post/59097cd7a22b9d0065fb61d2#heading-2。我发现写得挺好的,就直接照搬了,原作者如果介意的话,请通知我哈。目录结构├──build//构建相关├──config//配置相关├──src//源代码│├──api//所有请求│├──assets//主题字体等静态资源│├──components//全局公用组件│├──directive//全局指令│├──filtres//全局...

    2021-07-22

    阅读更多
  • script引入vue出现unresolved type vue

    Vue入门踩坑之unresolvedtypevue问题描述在webstorm中用script标签引入vue.js,能够正常执行,但是在创建Vue对象时出现未能解析的提示解决方案:下载Vue保存并解压打开webstorm==>settings==>Language&Frameworks==>JavaScript==>Libraries==>右侧Add点击attachfiles路径选择刚刚下载的文件夹中\vue-2.6.11\src\core不用再继续点,直接点击ok完成

    2021-07-22

    阅读更多
  • 1、vue vue2.0 vue-cli vue-router webpack

    首页专栏vue.js文章详情01、vuevue2.0vue-clivue-routerwebpack王小匠发布于2017-03-16因为网速还可以,所以我就是用了npm下载,可以使用淘宝镜像,把npm的地方换成cnpm就可以啦!没有安装淘宝镜像的童鞋可以搜搜。。注:各版本内容(node7.5.0,npm4.1.2,vue2.8.1)查看vue版本vue-V,记得要大写项目实际安装版本(vue:2.2.2,vue-router:2.3.0,less:2.7.2)1、npminitwebpacksousou注:(1)sousou是项目名(2)创建json数据时不使用router、ESlint、te...

  • vue报错: Error: Cannot find module '@vue/cli-plugin-eslint'

    2021-07-28

    阅读更多
  • VUE基本语法

    vue是一个渐进式框架,采用MVVM的模式,减轻后端压力,解决前后端分离的问题。Model–负责数据处理View–负责显示页面ViewModel–负责监控M数据变化同步到Vv必须在监控范围内写语法:{{data中的键}}作用:展示模型中的数据{{msg}}letvm=newVue({el:声明监控范围data:模型对象存放数据})基本指令v-for遍历v-if条件渲染v-show显示或隐藏v-model双向绑定v-on事件绑定

    2021-07-29

    阅读更多
  • Mac 安装vue

    1、下载nodehttps://nodejs.org/en/#download下载后根据安装向导一直安装就可以,查看版本号,如果有版本号就是安装成功了node-vnpm-v2、安装淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org如果出现错误信息,是因为没有权限npmWARNcheckPermissionsMissingwriteaccessto/usr/local/lib/node_modulesnpmERR!codeEACCESnpmERR!syscallaccessnpmERR!path/usr/local/lib...

    2021-07-31

    阅读更多
  • Vue:描述Vue的生命周期以及相关面试题

    Vue的生命周期Vue实例从创建到销毁的过程,即开始创建,初始化数据,编译模板,挂载DOM,渲染,更新,渲染,卸载等一系列过程。Vue生命周期图示(转载)Vue生命周期钩子即指生命周期函数(事件)Vue生命周期有四个阶段,八个过程create(初始化),mount(挂载),update(更新),destroy(销毁)Vue生命周期往细地说,有八个过程(8个钩子函数):生命周期钩子详细发生beforeCreate在实例初始化之后,数据观测(dataobserver)和event/watcher事件配置之前被调用。created实例已经创建完成之后被调用。在这一步,实例已完成以下的配置:数据观测(...

    2021-08-02

    阅读更多
  • Vue: Electron打包Vue项目后,首界面空白(electron:serve正常,electron:build异常)

    Vue:Electron打包Vue项目后,首界面空白这个问题呢,是在开发到最后,准备push项目到github时出现的问题。当我用npmrunelectron:build打包项目后,再次安装打开项目,发现首页空白。更奇怪的现象是,当我使用npmrunelectron:serve时,界面却可以正常显示,并且一切正常!此时,回头查看了一下项目的路由router,可能影响到Electron打包的几个路由,都在这里:我将path:*如下图所示,取消注释后,npmrunelectron:serve后,项目依旧一切正常;然而,当我使用npmrunelectron:build打包项目后,更加让人困惑的现象发...

    2021-08-03

    阅读更多
  • Vue入门 vue-router路由管理器--3

    2021-08-04

    阅读更多
  • vue创建

    vue的下载及创建项目1.下载node.js访问官方网站https://nodejs.org/zh-cn/选择长期支持版下载。双击下载的安装包安装即可,安装选项全部使用默认值。运行cmd输入node-v检查是否安装上了2.安装npm接着输入npm(node成功了npm一般也会成功)3.安装cnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.org检查:cnpm4.安装yarnnpminstall-gyarn检查yarn-v5.安装vuecnpminstallvue(全局安装cnpminstallvue-g)检查vue+回车或者v...

    2021-08-05

    阅读更多
  • vue知识点

    说说你对MVVM的理解Model-View-ViewModel的缩写,Model代表数据模型,View代表UI组件,ViewModel将Model和View关联起来。数据会绑定到viewModel层并自动将数据渲染到页面中,视图变化时候会通知viewModel层更新数据。vue2.x响应式数据/双向绑定原理Vue数据双向绑定主要是指:数据变化更新视图,视图变化更新数据。其中,View变化更新Data,可以通过实践监听的方式来实现,所以Vue数据双向绑定的的工作主要是如何根据Data变化更新View简述:当你把一个普通的javaScript对象传入Vue实例作为data选项,Vue将遍历此对象所...

    2021-08-05

    阅读更多
  • VUE 经典

    vue的双向绑定的原理vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的。具体实现过程:我们已经知道实现数据的双向绑定,首先要对数据进行劫持监听,所以我们需要设置一个监听器Observer,用来监听所有属性。如果属性发上变化了,就需要告诉订阅者Watcher看是否需要更新。因为订阅者是有很多个,所以我们需要有一个消息订阅器Dep来专门收集这些订阅者,然后在监听器Observer和订阅者Watcher之间进行统一管理的。接着,我们还需要有一个指令解析器Compile,对每个节点元素进行扫描和解析,将相关指令对应初始化成一个订阅者Watcher,并替换模板数据或者绑定相应的函数,...

    2021-08-07

    阅读更多
  • Vue虚拟DOM

    Vue中虚拟dom介绍虚拟dom核心思想:对复杂的文档DOM结构,提供一种方便的工具,进行最小化地DOM操作具体操作:内存中会生成一颗虚拟dom树,并将内存中的虚拟dom树初始化渲染成真实dom树当我们修改了data里面的数据时,将之前的虚拟dom树结合新的数据,生成一颗新的虚拟dom树并将新的虚拟dom树和之前的虚拟dom树进行对比,把对比出来差异的部分进行重新真实dom结构的渲染节省性能的原因​当内部数据变化,生成一颗新的虚拟dom树,与上一次的虚拟dom树结构进行对比。也就是说,当数据变化的时候,大量操作的是虚拟dom,而虚拟dom属于内存数据,操作起来性能要高的多。而真实的dom操作,...

    2021-08-08

    阅读更多
  • vue生命周期介绍

    周期图vue的生命周期beforeCreate(初始化界面前)在实例初始化之后,数据观测和暴露了一些有用的实例属性与方法。在当前阶段中data、methods、computed以及watch上的数据和方法均不能被访问。created(初始化界面后)当前阶段已经完成了数据观测,也就是可以使用数据,更改数据,在这里更改数据不会触发updated函数。在当前阶段无法与Dom进行交互,可以通过vm.$nextTick来访问Dom。在这个周期里面如果进行请求是可以改变数据并渲染,由于DOM未挂载,请求过多或者占用时间过长会导致页面线上空白。beforeMount(挂载前渲染dom前)template模板...

    2021-08-08

    阅读更多
  • vue笔记

    一、什么是vue.js轻量级的前端界面框架,他实现了数据渲染、数据同步,js的数据如何渲染到页面里;其次是他实现了项目的组件化和模块化;提供了其他的功能:路由,AJAX,数据流;二、三、双向绑定意义js里面的数据进行改变,展现层面也会跟着更改;展现层面的数据更改,js里面的数据也会更改;双向绑定的实现:四、组件化--模块化根据自己的所需,索取不同的组件,拼接成不同的页面,五、单文件组件.vue文件js、css、html存在于一个文件内Webpackvue-loader更多专业前端知识,请上【猿2048】www.mk2048.com

    2021-08-08

    阅读更多
  • Vue笔记

    Vue.js笔记常用命令安装webpacknpminstallwebpack[-g]//-g代表global,表示将webpack安装到全局环境中安装vue脚手架npminstallvue-cli[-g]项目常用命令/**通过webpack创建vue项目工程*/vueinitwebpackproject-name//project-name为你的工程名,不能用中文,建议用小写/**指定vue的版本创建vue项目工程*/vueinitwebpack#1.0project-name//创建vue1.0的项目/**安装项目依赖*/npminstall//安装基本依赖/**安装vue路由模块vue-r...

    2021-08-08

    阅读更多
  • vue的安装

    Vue.js(读音/vjuː/,类似于view)是一个构建数据驱动的web界面的渐进式框架。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。下面介绍三种Vue.js的安装方法:1.独立版本我们可以在Vue.js的官网上直接下载vue.js,并在.html中通过<script>标签中引用。使用vue多页面开发:1.引入vue.js2.创建一个vue根实例newVue({选项})2.使用CDN方法1.BootCDN(国内):https://cdn.bootcss.com/vue/2.2.2/vue.min.j...

    2021-08-09

    阅读更多
  • vue-tools使用

    vue-tools使用1.到GitHub上下载gitclonehttps://github.com/vuejs/vue-devtools2.安装依赖和打包进入vue-devtools目录安装依赖npminstall(失败的话,可以设置npm镜像)npmconfigsetregistryhttps://registry.npm.taobao.org打包npmrunbuild在vue-devtools文件夹下:shells>chrome>manifest.json,将配置里的persistent的值修改为true;1.选择目录2.编辑manifest.json文件3.导入工具包进入谷歌...

    2021-08-09

    阅读更多
  • idea 如何下载 Vue

    1.在idea中打开Terminal2.cd切换当前项目(列:cdD:\work\Vue1)3.输入:npminit-y进行初始化4。安装Vue,输入命令:npminstallvue--save

    2021-08-11

    阅读更多
  • Vue的学习(8)

    2021-08-11

    阅读更多
  • vue 弹出框

    index.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><title>Vue.jsmodalcomponentexample</title><!--Delete".min"forconsolewarningsindevelopment--><scriptsrc="../../dist/vue.min.js"></script><linkrel="stylesheet"href="style.css">...

    2021-08-12

    阅读更多
  • 学习vue组件化,安装vue-cli

    2021-08-13

    阅读更多
  • vue学习之一:下载vue-cli项目

    这几周一直辗转在vue官网和各大博客搜索关于vue项目实战的例子。学的实在是零零碎碎的。不过总算在对于vue项目搭建有个基本认知,于是直接拿起以前做过的项目进行改版了,接下来是从怎么搭建vue2.x+vue-router项目实战写的一些列文章。我的开发环境都是基于win8电脑系统构建的针对开篇前,笔者有话说,首先要直接使用官方提供的webpack项目实例需要掌握的几个知识点:1、vue基础教程:指令属性,条件与渲染,事件监听,class和style动态绑定,组件【重中之重】...2、vue-route路由机制:了解怎么配置一个基础企业站点足够了3、es6语法:.vue组件都是通过es6语法来创...

    2021-08-13

    阅读更多
  • vue-cli 的 vue init webpack my-project 报错处理

    之前我安装好vue-cli之后开始执行出现以上错误vueinitwebpackmy-project网上查了一下有人说是需要翻墙,更改下hosts就可以了https://blog.csdn.net/oscar92420aaa/article/details/53386471,但是我这边还是不行所以只能改另一种方法做暂时性处理1.下载模板在https://github.com/vuejs-templates/下载webpack-simple或webpack。如何下载比如:到https://github.com/vuejs-templates/webpack-simple点CloneorDownlo...

    2021-08-13

    阅读更多
  • vue-devtools安装:

    小白刚入门vue.js,本着自学的心态,安装了这个工具(如果有错或者没提及到的地方欢迎指出,勿喷)。首先去GitHub下一个压缩包:https://github.com/vuejs/vue-devtools#vue-devtools安装1)本着照顾下像我一样英文不太好的同学,附上截图2)下载到本地的目录,解压3)shift+鼠标右键打开命令行,输入命令npminstall4)然后输入命令npmrunbuild(没执行的话,文件夹shells>chrome文件夹里会少一个src文件夹)5)修改shells>chrome文件夹下的mainifest.json中的persistant为t...

    2021-08-16

    阅读更多
  • VUE 入门

    1,vue组件的命名有好几种app-main(短横线分隔命名)、appMain(驼峰式命名)或AppMain(单词首字母)因为html对大小写不敏感,所以在调用的时候驼峰命名的都要写成短线分割形式:2,分组件的时候报错查了好多相关文档博客,最后发现是自己引用的组件里面无内容,随便写点东西之后,就不报错了

    2021-08-16

    阅读更多
  • Vue安装

    一、安装和检查Node.js1、安装Node.js,下载Node.js一直点next,直到安装完成。2、查看版本打开cmd,输入node-v,出现如图所示的版本号,则表示Node安装成功3、npmnpm直接集成再Node.js里面,所以安装了node,npm也就安装了。直接cmd,输入npm-v查看4、cnpm由于npm资源被屏蔽,或者是国外的资源,会出现下载不成功,或者下载速度过慢的原因,所以推荐使用cnpm.安装方法为:npminstall-gcnpm--registry=https://registry.npm.taobao.org二、安装vue-cli脚手架1、在命令行输入cnpmin...

    2021-08-17

    阅读更多