- 博客(5)
- 收藏
- 关注
RSS订阅原创 vue 第五课--20190306
一、ref属性ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例。1、ref加在普通元素上。代码如下：2、ref加在子组件上。代码如下：在这里写了一个测试的单击函数，代码如下：这个函数的主要作用是打印普通元素的值，以及这个普通元素，并打印出子组...
2019-03-06 18:24:43
185
原创 20190225 vue 第四课
一、监听属性：watch监听属性可以监听变量、函数，发生的变化，加上一个数值变量的累加，也可统计变化的次数。代码如下：前台效果：这里监听的是计算属性的变化，每执行一次计算属性，累加值加1，而oldname和newname则分别是变化前和变化后的值。二、根据输入值，自动生成列表这里需要结合双向绑定v-model和v-for来完成。首先定义两个变量，分别为字符串和数组变量。其次，...
2019-02-25 19:25:46
148
原创 20190220 vue第三课
一、显示状态切换的两种方式：1、v-if ：优势：减少内存占用；劣势：重新加载用时长。2、v-show：优势：重新加载用时短；劣势：不减少内存的占用。两者都可以切换显示状态，区别在于v-if是把整个模块清楚掉，而v-show则是把模块的style属性切换为不显示。代码：在这里，提前定义好了一个变量Isture，变量值为：false，在写一个单击事件，在单击是切换变量的值。click事...
2019-02-20 20:44:16
172
原创 20190217-vue学习第二课
一、显示数据的三种方式：1、{{}}；2、v-text;3、v-html;三种数据显示方式区别在于，{{}}和v-text变量内容为什么，就显示什么，而v-html则会对变量内容进行解析，显示为解析后的内容；如图：变量值都设定为测试，只有v-html对变量值进行了解析，显示为大标题测试，而{{}}和v-text则把也显示出来了。代码：二、button单双击：click事件：1、...
2019-02-17 17:13:43
134
原创 VUE 架构初步了解
DIST文件夹是字段生成的，是封装好的程序SCR是程序核心代码，可以在这里进行代码的修改(https://img-blog.csdnimg.cn/20190214092533155.png)main,js 是 程序的起点，nwe VUE {。。。}中间的部分是加载的组建， render: h => h(App) 此为渲染函数，传一个参数H到APP里进行运算，运算后的结果返回修改.$mou...
2019-02-14 09:41:54
184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人