精华内容
下载资源
问答
  • coderwhy Vue教程ppt、笔记
  • vue教程demo,基础教程,适合入门新手
  • 前端开发框架-vue教程

    2018-06-13 16:54:54
    比较火的前端开发框架VUE基础教程,该教程详细描述的Vue.js的所有细节的使用。学完该教程即可基本掌握vue的使用。
  • Vue教程Vue教程-源码

    2021-02-14 23:10:04
    视频教程 Vue教程
  • 最新vue教程学习资料

    2018-07-09 17:21:44
    最新vue教程学习资料(全部网盘免费分享)/最新vue教程学习资料(全部网盘免费分享)
  • vue视频教程全套详解百度盘链接,有需要的朋友可以下载学学,多学点技术没什么坏处 vue视频教程全套详解百度盘链接,有需要的朋友可以下载学学,多学点技术没什么坏处
  • vue教程

    千次阅读 2019-06-13 21:41:49
    https://www.jianshu.com/p/a4339bad5256 (一句话理解Vue核心内容) http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html (MVC,MVP 和 MVVM 的图示; 留下了一个疑问, 前端的mvc模式跟后端的mvc模式有区别吗?) ...

    1. 模式

    1. MVVM
    2. MVVM
    3. https://www.jianshu.com/p/a4339bad5256 (一句话理解Vue核心内容)
    4. http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html (MVC,MVP 和 MVVM 的图示; 留下了一个疑问, 前端的mvc模式跟后端的mvc模式有区别吗?)
    5. 有为什么使用vue的视频和文档, 挺有吸引力的 https://cn.vuejs.org/ (官网)

    地图

    1. http://www.jq22.com/yanshi8054 (省市区三级地址联动插件)

    理解

    1. vue官网教程

    在介绍中有视频资料

    实例

    1. 用electron加Vuejs开发桌面程序

    41赞

    打包

    1. 为什么要使用webpack进行打包呢
    展开全文
  • vue教程下载 实战vue2018核心技术,课程下载,适合入门小白进阶参考
  • Vue教程基础篇.doc

    2020-06-16 22:36:04
    Vue教程基础篇.doc
  • vue源码解析 以及vue框架详解 以及vue使用 解压后即可查阅
  • vscode创建vue教程

    千次阅读 2019-10-19 02:58:50
    使用VSCode创建第一个VUE项目 1.1 基本概念 1.1.1 VSCode Visual Studio Code(简称VS Code/VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、...

    使用VSCode创建第一个VUE项目

    1.1  基本概念

    1.1.1  VSCode

    Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。

     

    1.1.2  Vue

    Vue.js 是目前最火的一个前端框架,它和Angular.js、React.js 一起,并成为前端三大主流框架。Vue.js 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有配套的第三方类库,可以整合起来做大型项目的开发),前端的主要工作,主要负责MVC中的V这一层,主要工作就是和界面打交道,来制作前端页面效果。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。

     

    1.2  软件安装

    1.2.1  下载软件

     官网直接下载就行。

    https://code.visualstudio.com/Download

    1.2.1  插件安装

    安装vue插件vetur,实现支持vue文件的代码高亮

    安装插件: 点击左边的Extensions图标,输入 vetur ,找对对应版本然后点击install即可

     

    同样方式安装ESLint 插件:

     

     如下图:

     

     

    1.2.2  安装node.js

    下载地址:https://nodejs.org/en/download/。下载完成后默认安装,安装完成后打开cmd 输入下面的命令查看是否成功安装(npm是一起安装的)
    C:\Users\45014>node -v

    v8.11.3

    C:\Users\45014>npm -v

    5.6.0

    C:\Users\45014>

     

    1.2.3  使用脚手架安装项目

    点击Terminal菜单,选择new Terminal,创建一个命令行终端窗口,然后切换到对应的准备存放代码的目录

     

     

    输入:vue init webpack vue_test回车,然后输入工程名称vue_test

     

    如下提示则成功:

     

     按照说明输入

    PS D:\Study\code\vue> cd vue_test

    PS D:\Study\code\vue\vue_test> npm run dev

     

    > vue_test@1.0.0 dev D:\Study\code\vue\vue_test

    > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

     13% building modules 27/31 modules 4 active ...:\Study\code\vue\vue_test\src 95% emitting

     DONE  Compiled successfully in 6043ms                                                                                                                  9:10:00 PM

     I  Your application is running here: http://localhost:8080  

    打开浏览器输入:http://localhost:8080

     

     

    1.2.4  学习vueAdmin-template

    vueAdmin-template是 一个简单的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint ,这些是必须的

    GitHub地址:https://github.com/PanJiaChen/vueAdmin-template#vueadmin-template

    下载后解压D:\code\vueAdmin-template

     

    然后在VSCODE中选择文件菜单打开目录(对应下载的目录),打开后展现如下:

     

     

    1.2.5  启动vueAdmin-template工程

    点击Terminal菜单,选择new Terminal,创建一个命令行终端窗口,目录默认为当前代码目录。

    输入D:\code\vueAdmin-template> npm install

    安装完成之后(需要等一段时间)

    输入D:\code\vueAdmin-template> npm run dev

     

    自动打开浏览器并显示如下界面:

     

    展开全文
  • Vue全套教程视频

    2019-04-10 11:10:29
    Vue最详细的教程。 从最基础的Vue基础到Vue大型项目讲解。 包含总共7套教学视频,超值教学视频。
  • VUE教程.txt

    2019-07-19 14:52:48
    vue2.X教程 2019,你要搜的全部都在这里了,是一个集合,集合
  • vue教程 pdf vue权威指南

    千次阅读 2018-11-19 16:51:44
    官方的文档内容比较多且杂,对于初学者来说可能没有系统性的引导,可以查看明灯小站的基础教程,对一些常用的基础语法都进行了整理,还可以在线进行调试。 好了,如果你对基础语法有一定的了解了,那就可以开始我们...

    在实战之前,你需要对vuejs的基础语法有一定的了解,可以通过以下几个途径进行学习:

    vue.js官方文档:https://cn.vuejs.org/v2/guide/index.html

    官方的文档内容比较多且杂,对于初学者来说可能没有系统性的引导,可以查看明灯小站的基础教程,对一些常用的基础语法都进行了整理,还可以在线进行调试。

    好了,如果你对基础语法有一定的了解了,那就可以开始我们的实战项目了,这次我们要做的是一个简单的webapp,课程中会使用原生的vuejs语法,有非常详细的解释,对于小白用户来说,可以轻松掌握。

    正式开始之前,可能你还需要对flex布局有一定的了解,可以查看阮一峰大神的两个教程,也非常简单。

    Flex 布局教程:语法篇

    Flex 布局教程:实例篇

    Demo实例

    整理更新中······

    电子版请扫二维码

     

    1:本文档仅供学习之用

    2:看完应立即删除

    3:不能私下传播

    展开全文
  • Vue2.0学习教程PPT

    2018-11-27 17:06:56
    Vue.js基础入门PPT,非常适合初学者及有PPT制作需求的同学。
  • 2017 vue 教程 集合

    2017-11-13 22:37:35
    2017 vue 教程 集合 前端,学习资源来之不易,希望对各位有所帮助 谢谢
  • 世上最简单的vue教程

    千次阅读 2018-12-11 14:38:21
    另一方面,当与单文件系统和vue生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。在开发中vue会把使用vue语法修饰的html标签与js对象进行绑定,从而使html值变化时可以同步修改js对象,js...

    一、需要了解的基本知识


    • node.js

    Node.js是一个Javascript运行环境(runtime),发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快,性能非常好。 Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。总结一下,node,js提供了javascript在浏览器以外的一个执行环境,满足一些特定的场景需求。

    • npm

    npm 是 nodejs 的包管理和分发工具。它可以让 javascript 开发者能够更加轻松的共享代码和共用代码片段,并且通过 npm 管理你分享的代码也很方便快捷和简单。通过npm可以更方便的引用和分析基于nodejs开发的类库和插件。

    • webpack

    WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。通过webpack可以把基于模块开发的前端工程代码打包成可以在浏览器使用的格式。

    • vue2

    是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件系统和vue生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。在开发中vue会把使用vue语法修饰的html标签与js对象进行绑定,从而使html值变化时可以同步修改js对象,js对象值变化时可以在页面暂时,使开发从复杂的document操作中解脱出来。

    • iview

    一套基于 Vue.js 的高质量 UI 组件库,通过iveiw可以快速的开发出风格一致的前端界面。


    二、node.js安装

    下载完成后安装(直接按默认方式安装就行)

    打开cmd 输入下面的命令查看是否成功安装
    node -v
    npm -v

    三、搭建项目

    1 .打开idea,新建项目
    Create New Project > Static Web>填写project name和选择保存的工作空间>Finish

    3.png

    2.安装vue脚手架工具

    • 首先安装npm的淘宝镜像(下载速度比较快),打开idea的Terminal



      输入以下的命令

    npm i -g cnpm --registry=https://registry.npm.taobao.org

    • 等待下载完成以后,继续安装vue的脚手架工具,在Terminal内继续输入以下命令

    npm i -g vue-cli
    测试是否安装成功:
    vue -V

    • 脚手架安装完成后,初始化包结构,继续输入

    vue init webpack demo

    • demo为你前面新建的项目名。初始化会进行设置。可参考此处设置。
    • 初始化完成后。依次在Terminal输入图片内的黄色文字


    • 完成后,会提示在哪个端口可以访问,此处现在是8080


    • 打开浏览器输入:localhost:8080,出现以下画面,简单的demo就搭建完成了 。


    展开全文
  • <body> <div id="app"> <my-world></my-world> </div> <template id="wbs"> <div> <h3>{{msg}}</h3> <ul> (item,index) in arr" :key="index">{{item}}</li> </ul> </div> </template> <script> var vm = new Vue({ ...
  • web前端 MUI+VUE教程

    2018-08-14 12:17:59
    包括MUI的教程VUE.js的新手入门教程VUE.JS的普通教程
  • Vue教程(组件-data和methods)

    万次阅读 2019-07-24 15:02:40
      在上篇文章的基础上我们继续来介绍下Vue组件中的data和methods属性,这两个属性和我们介绍的Vue实例中data和methods属性很类似,使用方式也是一样的 Vue的data和methods属性   先准备一个基础页面,在其中创建...
  • Vue教程08(过滤器的使用)

    千次阅读 多人点赞 2019-07-12 20:59:48
      本文我们来介绍下Vue中的过滤器的使用 过滤器 概念:   Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache 插值和 v-bind 表达式。过滤器应该被添加在 ...
  • Vue教程04(v-model指令介绍)

    万次阅读 热门讨论 2019-07-08 19:18:46
      通过前面的介绍我们已经了解了Vue中的基本指令,比如v-cloak,v-text,v-html,v-bind,v-on等指令的作用,以及介绍了...  前面的文章中我们已经介绍过了v-bind指令,该指令可以获取vue对象中的数据,但是这个指令...
  • Framework7 Vue 教程 入门 学习

    千次阅读 2019-02-23 13:02:13
    网上关于Framework7的博客、学习资料少之又少,所以我想把我学习Framework7 Vue的入门记录一下。 Framework7 Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发 iOS & ...
  • vue.js全套视频教程(共12章)

    热门讨论 2018-09-02 08:48:16
    Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于...是一个很好的教程,简洁,易懂
  • vue-monster-tutorial:Max Shwarzmueller Vue教程
  • Vue.js视频及源码教程(百度网盘链接) 成品:高仿饿了么,美团软件源码 Vue.js视频及源码教程(百度网盘链接) 成品:高仿饿了么,美团软件源码
  • 第一步:安装VUE教程

    万次阅读 2018-05-22 01:11:51
    http://www.cnblogs.com/binmengxue/p/6831850.html1.Node.js安装 https://nodejs.org/en/download/ 安装好noedeJS然后继续安装下一步3、执行npm install --global vue-cli ,全局安装vue-cli----因为默认是从...
  • SystemVue培训教程

    2015-08-02 14:36:42
    SystemVue培训教程,类似于Matlab Simulink,进行算法开发
  • vue入门.pdf

    2019-10-10 11:32:03
    vue从安装到入门, 1,安装环境:node.js(vue开发必须的环境) 2,使用淘宝镜像,(加快速度的) 3,vue的几种安装方法, 4,vue的几大组件 5,vue的基本方法的使用的讲解demo 6,入门
  • 主要介绍了Visual Studio 2019配置vue项目的教程,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作,具有一定的参考借鉴价值,需要的朋友可以参考下

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 57,653
精华内容 23,061
关键字:

vue教程

vue 订阅