![](https://img-blog.csdnimg.cn/20210318234617319.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue.js
文章平均质量分 52
Vue.js
TZOF_
这个作者很懒,什么都没留下…
展开
-
proxy的特性
proxy的特性proxy作用:拦截对象中某一个所有属性的调用和变换基础格式:new Proxy(obj, {get(){},set(){}});参数一:拦截的对象参数二:方法中get调用时触发 set赋值时触发代码:let obj = { name: 'TZOF', age: 23, msg: 'you think'}obj = new Proxy(obj, { get() { console.log('调用时进入get');原创 2022-02-11 15:56:31 · 428 阅读 · 0 评论 -
defineProperty的特性
defineProperty的特性defineProperty作用:拦截对象中某一个指定属性的调用和变换基础格式:Object,defineProperty(obj, key, {get(){},set(){}});参数一:拦截的对象参数二:指定对象的属性名参数三:方法中get调用时触发 set赋值时触发代码:let obj = { name: 'TZOF', age: 23, msg: 'you think'}Object.definePropert原创 2022-02-11 15:17:13 · 320 阅读 · 0 评论 -
vue.js的运行机制
vue.js的运行机制引入vue.js,new Vue()干了什么呢?初始化调用Vue原型上的_init()进行初始化,会初始化vue的生命周期,props,data,methods,computed,watch等,最重要的是利用Object.definedPropty()对data对象里面的属性设置setter和getter函数,实现响应式和依赖收集。挂载组件初始化之后调用$mount挂载组件,如果是运行时编译,即不存在render function但是存在template的情况,需要进行【编转载 2021-05-19 21:38:27 · 133 阅读 · 0 评论 -
VUE的路由模式
VUE的路由模式hash: 使用 URL hash 值来作路由。默认模式。history: 依赖 HTML5 History API 和服务器配置。abstract: 支持所有 JavaScript 运行环境,如 Node.js 服务器端abstract模式是使用一个不依赖于浏览器的浏览历史虚拟管理后端。根据平台差异可以看出,在 Weex 环境中只支持使用 abstract 模式。 不过,vue-router 自身会对环境做校验,如果发现没有浏览器的 API,vue-router 会自动强制进转载 2021-05-19 21:31:31 · 176 阅读 · 0 评论 -
Vue中v-if v-else-if v-else(Vue笔记:二)
Vue中v-if v-else-if v-else(Vue笔记:二)v-if控制元素是否被创建:用法:v-if="boolean"参数:可以为任意js数据,隐式转化布尔类型后为false或truefalse:不创建元素,用html注释代替true:创建元素<div id="app"> <!-- v-if="true"才添加h1标签 v-if="flase"就没有h1标签用注释代替 --> <!-- if -->原创 2021-03-19 00:18:06 · 239 阅读 · 0 评论 -
Vue模版基础语法(Vue笔记:一)
Vue模版基础语法(Vue笔记:一)Vue模版的作用:结合模版中的变量和Vue实例的data实现改变数据改变视图(单向绑定)Vue模版的基础语法:#app元素内部才能使用Vue语法{{数据}} 在Vue模版中数据写在{{}}内,可以与Vue实例data中的数据实现单向绑定,数据改变视图改变el: Vue实例下的对象,value填要挂载的DOM对象如#appdata: Vue实例下的对象,value是Vue中要使用的数据,可以与模版中的{{数据}}实现单向绑定(即数据改变视图也随着改变原创 2021-03-18 23:45:36 · 88 阅读 · 0 评论