
VUE
个人笔记
怂欲
志在山顶的男人 怎会贪恋山腰的景色
展开
-
VUE事件处理
原创 2022-03-02 18:04:23 · 220 阅读 · 0 评论 -
vue数据代理
数据代理的定义数据代理:通过一个对象代理对另外一个对象的操作Vue中的数据代理 1. Vue中的数据代理: 通过vm对象来代理data对象中属性的操作(读/写) 2.Vue中数据代理的好处: 更加方便的操作data中的数据 3.基本原理: 通过object . defineProperty( )把data对象原创 2022-03-02 17:20:14 · 753 阅读 · 0 评论 -
Object.defineProperty
修改了年龄 它就会调用set函数,但是值是没有变的number = value 值就会随着改变原创 2022-03-02 16:38:21 · 132 阅读 · 0 评论 -
MVVM模型
MVVM模型: 1. M:模型(Model):data中的数据 2. V:视图(View): 模型代码 3. VM:视图模型(ViewModel):Vue实例 视察发现: 1.data中所有的属性,最后都出现在vm身上。 2.vm身上所有的属性,及Vue原型上所有属性,在Vue模板中都...原创 2022-03-02 15:21:39 · 245 阅读 · 0 评论 -
_el和data的两种写法
el的两种写法 第一种:el:'#root', 第二种:$mountVue 的 mount()为手动挂载,在项目中可用于延时挂载(例如在挂载之前要进行一些其他操作、判断等),之后要手 动挂载上。new Vue时,el和$mount并没有本质上的不同。以后学习组件的时候,data必须使用函数式,否则会报错。由Vue管理的函数,一定不要写箭头函数,一旦写了箭头函数,this就不在是Vue实例了this就...原创 2022-03-02 14:55:10 · 248 阅读 · 0 评论 -
VUE 数据绑定
总结:Vue 中有两种数据绑定的方式: 1.单项绑定(v-bind):数据只能从data流向页面。 2.双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data。 备注: 1.双向绑定一般都应用在表单类元素上(如:input , select等...原创 2022-03-02 14:27:24 · 3366 阅读 · 0 评论 -
VUE 模板语法
1.插值语法2.指令语法v-bind 可以简写为 :v-bind就是指令表达式 加了v-bing就相当于是一个js表达式vue模板语法有2大类:1.插值语法:功能:用于解析标签内容。写法:{{xxx}}.xxx是js表达式,且可以直接读取到data中的所有属性。2.指令语法:功能:用于解析标签(包括:标签属性,标签体内容,绑定事件…).举例:v-bind:href=“xxx” 或者简写 :href=“xxx”.xxx同样要写js表达式且可以直接读取到data中的所有属性。备原创 2022-03-02 11:25:02 · 251 阅读 · 0 评论 -
VUE HELLO小案例
1.想让Vue工作,就必须创建一个Vue实例, 且要传入一个配置对象;2.root容器里的代码依然符合html规范。只不过混入了一些特殊的Vue语法:3.root容器里的代码被称为[Vue模板]:4. Vue实例和容器是一一对应的:5.真实开发中只有一个Vue实例,并且会配合着组件一起使用;6. {{xxx}}中的xx要写js表达式,且xxx可 以自动读取到data中的所有属性:7.一旦data中的数据发生改变,那么页面中用到该数据的地方也会自动更新:注意区分: js表达式和js代码(语句..原创 2022-03-01 11:27:40 · 92 阅读 · 0 评论 -
搭建VUE开发环境(直接引入)
1. 直接引入- 官网下载 vue.js(开发版,体积大) 或者vuemin.js- 帮下载的拖入到项目 用script 引入注意:引入的vue.js体积比较大,打开调试会有警告,这时我们要下载vue开发者工具国内的进入不了谷歌应用商店,可以去网上找了下载然后拖入到浏览器拓展程序当中,前提是浏览器的开发者模式要关闭,这时还有一个警告 我们要去配置一下这样的话我们的开发者环境就搭建好了。...原创 2022-03-01 11:00:47 · 535 阅读 · 0 评论 -
vue简介
什么是VUEVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动。VUE特点1. 采用组件化模式,提高代码复用率、且让代码更好维护。(一个.vue就是一个组件)2. 声明式编码,让编码人员无需直接操作DOM,提高开发效率。列如原创 2022-03-01 10:31:49 · 396 阅读 · 0 评论