![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue 2.0
文章平均质量分 72
vue 2.0 基础学习
活学编程思想
这个作者很懒,什么都没留下…
展开
-
Vue CLI 初始化脚手架
Vue脚手架隐藏了所有webpack相关的配置,若想查看具体的webpack配置,请执行。原创 2022-07-17 20:18:07 · 251 阅读 · 0 评论 -
Vue组件化编程(单文件组件)
代码】Vue组件化编程(单文件组件)原创 2022-07-17 00:16:22 · 150 阅读 · 0 评论 -
Vue组件化编程(非单文件组件)
constschool=Vue.extend(options)可简写为constschool=options,因为父组件components引入的时候会自动创建。单文件组件一个文件中只包含有1个组件后缀.vue。非单文件组件一个文件中包含有n个组件。三使用组件(写组件标签)一、定义组件(创建组件)...原创 2022-07-16 23:18:31 · 170 阅读 · 0 评论 -
08——Vue中的计算属性与监视属性
需求分析两个输入框进行联动,全名随着两个输入框的输入而变化拼接。原创 2022-07-16 18:52:24 · 245 阅读 · 1 评论 -
07——Vue 中的事件处理 以及 事件修饰符 、键盘事件
事件的基本用法1、使用v-onxxx或@xxx绑定事件,其中xxx是事件名2、事件的回调需要配置在methods对象中,最终会在vm上3、methods中配置的函数,不要用箭头函数,否则this就不是vm了4、methods中配置的函数,都是被Vue所管理的函数,this的指向是vm或组件实例对象5、和效果一致,但后者可以传参。...原创 2022-07-16 16:41:42 · 223 阅读 · 0 评论 -
06——Vue中的数据代理
Vue将data中的数据拷贝了一份到_data属性中,又将_data里面的属性提到Vue实例中(如name),通过defineProperty实现数据代理,这样通过geter/setter操作name,进而操作_data中的name。首先我们不用Object.defineProperty这个方法,我们直接在定义对象person的时候就定义好属性,这样的话我们用Object.keys(person)方法去提取属性的时候我们看控制台,提取的属性是三个。更加方便的操作data中的数据。...原创 2022-07-16 14:59:47 · 63 阅读 · 0 评论 -
05—— mvvm 模型
观察发现1、data中所有的属性,最后都出现在了VM身上2、VM身上的所有的属性以及Vue原型上所有的属性,在Vue模板中都可以直接使用。原创 2022-07-14 23:52:29 · 80 阅读 · 0 评论 -
04—— el 和 data 的两种写法
data与el的2种写法el有2种写法(1)newVue时候配置el属性(2)先创建Vue实例,随后再通过vm.$mount(‘#root’)指定el的值data有2种写法(1)对象式(2)函数式如何选择目前哪种写法都可以,以后学习到组件时,data必须使用函数式,否则会报错一个重要的原则由Vue管理的函数,一定不要写箭头函数,一旦写了箭头函数,this就不是Vue实例了httpshttpshttps。...原创 2022-07-14 22:44:58 · 85 阅读 · 0 评论 -
03——Vue 之模板语法v-bind 与 v-model
v-bindhref=‘url’这么写之后,引号里面的url当做js表达式去执行了。v-bindhrefbind是绑定的意思,v-bind是vue里面的指令。那为什么input框中的值变化了,vue实例中的值为什么不变化呢?但是在input框中输入,下面的值不变化,值是存在的,如下。什么时候用v-bind指令?将引号里面的表达式的执行结果绑定给href。v-bind可以简写成(冒号)vue里的指令都有一个特点是v-开头。是因为v-bind是单项绑定。...原创 2022-07-14 22:08:18 · 432 阅读 · 0 评论 -
02——初始Vue以及差值语法
2、怎么测试是否引入vue** 2.1 去除上图中Download…**两种方式:原创 2022-07-10 20:56:00 · 205 阅读 · 0 评论 -
01——vue 简介
Vue 简介原创 2022-06-19 13:54:15 · 155 阅读 · 0 评论