VUE - 0 - vue简介

已于 2022-02-16 10:25:04 修改
阅读量323 收藏
点赞数
分类专栏： VUE 文章标签： vue.js 前端
于 2022-02-16 10:09:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wendyGao_Yin/article/details/122956778
版权

学习笔记主要参考了张天禹老师的 “尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通”

vue简介

VUE是什么？

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。

历史版本

在这里插入图片描述

vue的特点

  1. 采用组件化的模式，提高代码复用率，切让代码更好的维护。
  2. 声明式编码，让编程人员无需直接操作DOM，提高开发效率。
  3. 使用虚拟DOM+Diff算法 。尽可能地复用DOM节点。

学习路线

  1. vue基础
  2. vue-cli vue的脚手架
  3. vue-router vue的路由
  4. vuex 保存数据
  5. element-ui vue的ui
  6. vue3 vue最新版本

扩展

声明式编码 VS 命令式编码

在这里插入图片描述
在这里插入图片描述

wendyGao_Yin
关注
专栏目录
【Vue】vue2.6使用TS之vue-class-component与vue-property-decorator使用详解
余浩的博客
03-06 5053
（1）vue-class-component 是官方出品； vue-property-decorator 是社区出品； （2）vue-class-component 提供了Vue、Component等； （3）vue-property-decorator深度依赖了vue-class-component，拓展出了更多操作符：@Prop、@Emit、@Inject、@Model、@Provide、@Watch；
Vue--》超详细教程——vue-cli脚手架的搭建与使用
ztK63LrD的博客
11-14 4730
它简化了程序员基于webpack创建工程化的Vue项目的工程。其好处就是简省了程序员花费时间去配置webpack，从而目标只需专注在撰写项目应用上。，基于vue-cli这个系统，我们就可以快速搭建好“（英文名：Singleagepplication）简称SPA，顾名思义指的是，所有的功能与交互都在这唯一的一个页面内完成。
vue从0到1的整个过程
W9728的博客
07-11 704
node_modules: npm构建的组件都在这个文件夹里面public: 里面存放公共资源. 目前有index.html和公共图标,也可以存放公共的样式等src 放置组件Assets -- 放置图片.img,css,jscomponents -- 放置其他组件所需要的公共组件router -- 配置路由表,(动态路由,静态路由,权限路由)store -- 存放vuex的仓库Views -- 放置页面的地方Home......App.vue 入口的总文件。
Vue（0）
Sengoku_Xingzi的博客
09-13 107
一丶 看看自己有没有安装CLI 安装 | Vue CLI (vuejs.org) 有可继续 选择想要创建项目的地方 二丶命令行 输入 vue create 文件名 ps:路径最好是英文的 三丶选择第一个直接回车即可（因为进去后就是第一个所以直接回车） 然后会进行下载 四丶出现此文件夹即成功 ------------------------------------------------------------------------------------
前端--环境初始化搭建--VUE0
gimm667的专栏
05-18 166
安装nodejs平台环境 npm包管理器 包括安装目录，全局包目录npm/node_modules >npm root -g 显示默认全局包路径，依赖包管理目录 >npm install -g vue 下载全局包 可以在js中require(vue)依赖包，node ***.js运行 对比直接<script src="http://**.vue">引入 VUE CLI是一套完整的快速开发系统，包括 ---...
快速了解Vue（0）
SiuMu_的博客
03-10 259
这是一篇废话 由于要写毕业设计，我就想使用Vue来作为前端框架，毕竟都这么火了，自然要用一用，感受一下它到底怎么就这么火了。 在学习Vue之前呢，我只简单用过HTML，CSS，JavaScript，JQuery等一些东西。注意，我只是简单用过，我不敢说我学过并且学会了，因为，这些东西真的没有学过，也不敢说会这些东西，只是随意谷歌一下啊，百度一下啊，并且抄一抄，用一用。 既然决定要使用Vue了...
vue 0-1搭建项目
weixin_45534301的博客
06-28 530
vue 0-1搭建项目
ruoyi-vue-pro开发指南PDF下载
最新发布
03-07
ruoyi-vue-pro开发指南PDF下载 包含各种组件开发指南
vue-devtools-5.1.1.zip
04-23
在github链接上面直接下载的vue-devtools 不可用，我这里在分支里面下载的，5.1.1版本可用的。 使用方法 切换到根目录 cnpm install，然后 npm run build，再 修改shells\chrome 目录下的manifest.json 里面的 ...
安装vue-cli&使用vue-cli搭建项目
qq_64001795的博客
09-26 5085
vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。xxx 为自己创建项目的名称必须先安装vue,vue-cli，webpack，node等一些必要的环境*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块 , 和 。这三个部分分别代表了 html,js,css。
尚硅谷vue视频+源码+课件.txt
08-09
尚硅谷Vue视频+源码+课件教学，看着视频写不出代码，这里有源码供参考
Vue快速选择：解决只有0的编程问题
ByteGlide的博客
09-24 196
在使用Vue进行开发时，有时候会遇到一些问题，比如在快速选择（quick select）功能中，只显示0的情况。现在，当我们加载页面时，将正确显示选项列表，并且初始选择将为第一个选项。首先，我们需要定义一个Vue实例，并在data属性中声明一个用于存储选项的数组，以及用于存储选择结果的变量。现在，当我们加载页面时，将显示一个下拉列表，其中包含选项数组中的每个选项。初始化为选项数组中的第一个选项。这样，在加载页面时，将正确地显示第一个选项作为默认选择。绑定到一个变量时，初始化时只会显示0，而不是期望的选项。
Vue_基本入门
bigcupwater的博客
05-29 71
简介 JavaScript框架 简化DOM操作 响应式数据驱动 入门案例<div id="app"> {{ message }} </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> // 创建一个Vue类型的对象，并在Vue()构造函数中设定el和data的值 var app = new Vue({ .
vue路由教程
咸鱼起码是条鱼
05-17 351
在上面的代码中，我们使用组件创建了两个链接，分别对应着Home和About路径，然后使用组件作为路由的占位符，用于展示匹配到的组件。在上面的代码中，我们可以通过编程方式使用this.$router.push()方法进行路由跳转，或者使用动态路径绑定组件的to属性。在上述的示例中，路由路径为/user/:id，其中:id是动态的路由参数，当访问/user/1时，1将作为参数传递给User组件。：在Vue项目中，你需要创建一个路由实例，其中定义了路由的配置信息，包括URL路径和对应的组件。
vue从入门到精通
10-31
专注提升vue0-5年开发经验在线提升进阶技术！课程均为一线互联网大咖亲自授课，为10年以上开发经验，和多年在线教育行业经验讲师亲授！
用 AI 生成 Vue 组件？
骑着牛的奇兵的博客
01-14 1894
大家好我是奇兵，三个月前，Vercel 推出了其 AI 代码生成工具 —— v0（v0.dev），这款工具可以快速生成前端组件代码，引起了前端圈的广泛关注。通过简单的描述，v0能够快速生成前端页面，让AI在前端开发领域的潜力更进一步展现出来，距离 AI 替代前端开发更近一步？在此之后，陆续出现了多个 v0 的替代品，下面就来分享两个好玩又好用的 AI 代码生成工具！
Vue2学习笔记（尚硅谷张天禹老师）Day-03
运气只是当机会来临时，你已为它准备好。
04-15 979
12、过滤器 定义：对要显示的数据进行特定格式化后再显示（使用于一些简单逻辑的处理） 语法： 注册过滤器： 全局过滤器 Vue.filter(name, callback)或局部过滤器 new Vue(filters:{}) 使用过滤器：插值语法 {undefined{xxx | 过滤器名}} 或 v-bind:属性 = “xxx | 过滤器名” 备注： 过滤器也可以接收额外参数，多个过滤器也可以串联 并没有改变原本的数据，是产生新的对应数据 <!DOCTYPE html> &l
0/0 结果是NAN
weixin_43999634的博客
12-16 1065
0/0 结果是NAN
Vue2学习笔记（尚硅谷张天禹老师）day-01
运气只是当机会来临时，你已为它准备好。
04-01 4758
Vue 一、vue核心 1、vue简介 1.1、vue是什么 一套用于构建用户界面的渐进式JavaScript框架。 渐进式：vue可以自底向上逐层应用；简单应用：只需一个轻量小巧的核心库；复杂应用：可以引入各式各样的的vue插件。 1.2、谁开发的 华人 尤雨溪； vue2（攻壳机动队） vue3（海贼王） 1.3、vue的特点 采用组件化模式，提高代码复用率、且让代码更好的维护 声明式编码（原生js为命令式编码），使无需直接操作DOM，提高开发效率 使用虚拟DOM+优秀的Diff算法，尽量复用DOM
vue-cli4.0快速搭建项目教程
"使用vue-cli4.0快速搭建一个项目的方法步骤" 本文主要介绍了如何使用vue-cli4.0来快速搭建一个Vue.js项目，包括升级本地环境和创建新项目的步骤。作者首先提到了由于公司项目早期采用的是vue-cli2.0，随着版本更新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值