Vue
关注
分享
扫一扫
蓝白咖啡
The sole certainty is that tomorrow will surprise us all.
展开
-
解决el-radio-group 回显后不能编辑问题
https://blog.youkuaiyun.com/m0_50105168/article/details/125292796转载 2023-01-04 14:46:25 · 614 阅读 · 0 评论 -
vuex是干什么的？
1、vuex是干什么的？学习任何东西，必然绕不过去的一个话题，就是我们为什么要使用它，它解决了什么问题？vuex是基于vue框架的一个状态管理库。可以管理复杂应用的数据状态，比如兄弟组件的通信、多层嵌套的组件的传值等等。vuex有这么几个核心概念——State、Getter、Mutation、Action、Module。...原创 2020-10-15 18:23:32 · 3604 阅读 · 0 评论 -
v-once
代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app">原创 2020-08-27 16:50:24 · 170 阅读 · 0 评论 -
插值--原始HTML
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>插值--原始 HTML</title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app原创 2020-08-27 15:48:38 · 877 阅读 · 0 评论 -
插值--文本
代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>组件化应用构建</title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"原创 2020-08-27 14:47:08 · 180 阅读 · 0 评论 -
生命周期图示
下图展示了实例的生命周期。你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它的参考价值会越来越高。转载 2020-08-25 20:57:47 · 2283 阅读 · 0 评论 -
实例生命周期钩子
每个Vue实例在被创建时都要经过一系列的初始化过程----例如，需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。比如**create**钩子可以用来在一个实例被创建之后执行代码：new Vue({ data: { a: 1 }, created: function () { // `this` 指向 vm 实例 console.log('转载 2020-08-25 20:57:13 · 172 阅读 · 0 评论 -
数据与方法
当一个Vue实例被创建时，它将 data 对象中的所有property加入到Vue的响应式系统中。当这些property的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。// 我们的数据对象var data = {a:1}// 该对象被加入到一个Vue实例中var vm = new Vue({ data: data})// 获得这个实例上的property// 返回原数据中对应的字段vm.a == data.a // => true// 设置property也会影响到转载 2020-08-25 20:26:46 · 178 阅读 · 0 评论 -
Vue 实例
一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。举个例子，一个 todo 应用的组件树可以是这样的：根实例└─ TodoList ├─ TodoItem │ ├─ DeleteTodoButton │ └─ EditTodoButton └─ TodoListFooter ├─ ClearTodosButton └─ TodoListStatistics所有的 Vue 组件都是 Vue 实原创 2020-08-25 18:18:38 · 138 阅读 · 0 评论 -
组件化应用构建
组件系统是Vue的一个重要概念，它是抽象的，允许我们使用小型、独立、可复用的组件构建大型应用。几乎任意类型的应用界面都可以抽象为一个组件树。不写id也是可以的这是写了id的这里放代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>组件化应用构建</title> <script src="js/vue.js" type="text原创 2020-08-25 13:58:49 · 295 阅读 · 0 评论 -
处理用户输入
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>处理用户输入</title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app">原创 2020-08-25 13:23:28 · 149 阅读 · 0 评论 -
条件与循环
条件才发现的！！！这里居然可以写死，直接v-if="true"我们就可以看见元素的值了<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>条件与循环</title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </h原创 2020-08-25 12:48:05 · 140 阅读 · 0 评论 -
动态绑定提示信息
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>动态绑定提示信息</title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"&g原创 2020-08-24 20:45:55 · 257 阅读 · 0 评论 -
Vue-声明式渲染
代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Vue-声明式渲染</title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="ap原创 2020-08-24 17:56:32 · 150 阅读 · 0 评论 -
To install it, you can run: npm install --save src/components/common/login
component: () => import('@/components/common/login')改成component: () => import('src/components/common/login')后,报错：ERROR Failed to compile with 1 errors 10:16:54 ├F10: AM┤This dependency was not found:* s原创 2020-08-12 10:21:51 · 12980 阅读 · 1 评论