Vue
关注
分享
扫一扫
文章平均质量分 72
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。
Vue3 UP！UP！UP！
孤影_ls
Html Css JavaScript
展开
-
Vue入门基础
VueVue初识官网 电商类（京东、天猫、唯品会、淘宝…）移动端 APP(hybrid混合开发)管理系统(单页面应用：VUE REACT)大多数的项目都是系统类的；(OA管理系统，CRM管理系统，后台管理系统)不乏有项目重构：用最新的技术栈替代原有的技术栈;学习方法：看文档：学习；百度；之前：html css javascript jquery bootstrap...原创 2020-03-02 23:01:14 · 482 阅读 · 0 评论 -
Vue选项/数据/资源（基础结构介绍）
Vue选项/数据/资源（基础结构介绍）data methods computed 里面定义的属性不能重名；Vue的data（数据层）data属性值是对象,也可以是一个函数，如果一个函数就必须返回一个对象。data属性值是对象data:{// data中的数据最后都会放到vm这个实例上msg:“hello”,person:“12345”,obj:{name:“邢民华...原创 2020-03-02 23:27:33 · 296 阅读 · 0 评论 -
Vue指令（巨全、巨详细）
Vue指令VUE指令：directive1.都是按照v- xxx处理的，它是vue中规定给元素设置的自定义属性， v-开头，放在元素的行间属性，有着特殊意义的一些词；2.当vue加载成功并进行处理的时候，会按照相关的规则解析和宣传视图，遇到对应的指令实现对应的功能命令;3.指令放在行间的属性值，当编译时，首先会去查找在vue的data中是否有这个属性，如果没有，就报错；4.在使用...原创 2020-03-02 23:49:21 · 1097 阅读 · 0 评论 -
Vue实例的属性
Vue实例的属性$el: 获取到vue实例挂在的元素对象$options : 当前实例的一些参数$refs : 可以用来获取DOM元素；$set : 向data中的对象新增键值对$delete: 删除属性$destroy : 销毁实例$mount: 挂载$on : 订阅$emit : 发布$off ：移除$nextTick : 用于DOM的异步更新；<body...原创 2020-03-03 00:05:02 · 312 阅读 · 0 评论 -
Vue生命周期(11个钩子函数)
Vue生命周期生命周期初识生命周期详解（八个钩子函数）生命周期生命周期： Vue是一个构造函数，当执行执行这个函数时，相当于初始化vue实例；在创建实例过程中，需要设置数据监听，编译模板，将实例挂载到DOM上，数据更新能够让DOM也更新，在这个初始化，又会不同阶段默认调用一些函数执行，这些函数就是生命周期的钩子函数；生命周期钩子函数生命周期钩子函数，让够让咱们...原创 2020-03-02 23:59:29 · 73179 阅读 · 12 评论 -
Vue组件（Vue中重中之重）
template(模板）如果有template属性，当初始化实例时，会把template的属性值编译并替换掉App元素；template中只能有一个根元素，如果有两个，会默认取第一个作为根元素template中可以获取到data中数据和methods中的方法<body> <div id="app"> <span>{{msg...原创 2020-03-04 22:34:39 · 298 阅读 · 0 评论 -
Vuex状态管理(Vue全家桶之一详解)
Vuex认识VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。Vuex:state: 数据view : 视图...原创 2020-03-03 00:19:17 · 738 阅读 · 0 评论 -
VueRouter路由(Vue全家桶之一详解)
Vue路由初识两种模式： hash 模式或HTML5 历史模式vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。Vueha...原创 2020-03-04 21:36:08 · 507 阅读 · 0 评论 -
Vue-Cli脚手架(Vue全家桶之一详解)
vue-cli 脚手架参考网站：https://cli.vuejs.org/zh/guide/npm i @vue/cli -g 或者 yarn global add @vue/cli 下载vue脚手架(一般安装在全局)安装成功后，全局环境下会生成一个 vue的可执行命令， vue --version查看版本号脚手架：帮助我们把webpack等相关配置都处理好，我们只需要基于脚手...原创 2020-03-09 02:09:13 · 1588 阅读 · 0 评论 -
Vue动画
transition动画v-enter :刚要进来的状态v-enter-active : 进来过度的样式v-enter-to: 结束的状态<head> <!-- IMPORT CSS --> <style> /* fade-enter: 进来之前 fade-enter-active:进来时 */ ....原创 2020-03-04 21:40:57 · 163 阅读 · 0 评论 -
Vue的全局方法
Vue的use的方法Vue.use(vuex); Vue.use => 当使用第三方组件时，需要使用Vue.use方法；当用这个方法会默认调用里面的installVue.use :可以接受对象和函数如果use传递进来一个对象，那么会默认调用这个对象中的install方法，并且将Vue这个方法传给其第一个参数； Vue.use({install:function(_vu...原创 2020-03-04 21:47:26 · 1452 阅读 · 0 评论 -
Vue 开发必须知道的 36 个技巧【近1W字】
前言Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版; 所以应该趁还没出来加紧打好 Vue2.x 的基础; Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了 36 个 vue 开发技巧; 后续 Vue 3.x 出来后持续更新.1.require.context()1.场景:如页面需要导入多个组件,原始写法:import titleCom from '@/com转载 2020-07-11 12:59:37 · 302 阅读 · 0 评论 -
Vue.js 3.0 Beta笔记：尤雨溪直播内容整理
Vue.js 3.0 Beta前言在4月21日晚，Vue作者尤雨溪在哔哩哔哩直播分享了Vue.js 3.0 Beta最新进展。 以下是直播内容整理。Vue.js 作者尤雨溪：聊聊 Vue.js 3.0 Beta：B站录播地址本文转载自：原文章链接1. 全新文档RFCsVue.js 3.0 Beta发布后的工作重点是保证稳定性和推进各类库集成所有的进度和文档都将在全新RFCs文档可以...转载 2020-04-23 01:09:41 · 1223 阅读 · 0 评论 -
Vue3入门大全（持续更新）
vue3 reactive redonly shallowReactive ref isRef shallowRef triggerRef customRef toRef toRefs toRaw computed watch watchEffect vue3生命周期等效项 生命周期执行顺序原创 2024-04-11 17:20:22 · 707 阅读 · 0 评论 -
vue2平滑过渡到vue3的必看文章之详解核心知识
引言：vue2中需要掌握的知识基础知识创建实例模板语法/JSX语法指令data及数据劫持methods / computed / watch / filters事件监听和修饰符条件渲染循环渲染表单处理和修饰符class/style样式处理…组件开发局部组件全局组件组件命名属性处理自定义事件和EventBus插槽和作用域插槽动态组件和异步组件…高级应用混入 Mixins插件开发 Vue.use()自定义指令 Vue.directive过渡动画原创 2020-06-25 02:00:52 · 5101 阅读 · 1 评论 -
TypeError: (0 , import_node_util.parseArgs) is not a function
vue3 创建应用报错原创 2024-04-10 21:51:28 · 1434 阅读 · 0 评论