摘要：
认识组件化 人面对复杂问题的处理方式： 阅读全文
posted @ 2020-04-15 21:24
T-Rex
阅读(166)
评论(0)
推荐(0)
摘要：
注册组件 组件的使用分成三个步骤： 创建组件构造器 注册组件 使用组件。 我们来看看通过代码如何注册组件 查看运行结果： 和直接使用一个div看起来并没有什么区别。 但是我们可以设想，如果很多地方都要显示这样的信息，我们是不是就可以直接使用来完成呢？ Title {{msg}}... 阅读全文
posted @ 2020-04-15 21:23
T-Rex
阅读(122)
评论(0)
推荐(0)
摘要：
v-model 表单控件在实际开发中是非常常见的. 特别是对于用户信息的提交, 需要大量的表单. Vue中使用v-model指令来实现表单元素和数据的双向绑定. 案例的解析: 当我们在输入框输入内容时 因为input中的v-model绑定了message, 所以会实时将输入的内容传递给message, message发生改变. 当message发生改变时, 因为上面我们使... 阅读全文
posted @ 2020-04-15 21:16
T-Rex
阅读(161)
评论(0)
推荐(0)
摘要：
我们知道, 在模板中可以直接通过插值语法显示一些data中的数据. 但是在某些情况, 我们可能需要对数据进行一些转化后再显示, 或者需要将多个数据结合起来进行显示 比如我们有firstName和lastName两个变量, 我们需要显示完整的名称. 但是如果多个地方都需要显示完整的名称, 我们就需要写多个{{firstName}} {{lastName}} 我们可以将上面的代码换成计... 阅读全文
posted @ 2020-04-15 21:04
T-Rex
阅读(330)
评论(0)
推荐(0)
摘要：
当我们有一组数据需要进行渲染时, 我们就可以使用v-for来完成. v-for的语法类似于JavaScript中的for循环. 格式如下: item in items的形式. 我们来看一个简单的案例: 如果在遍历的过程中不需要使用索引值 v-for="movie in movies" 依次从movi 阅读全文
posted @ 2020-04-15 20:58
T-Rex
阅读(238)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../../js/vue.js"></script> </head> <body> <div id="ap 阅读全文
posted @ 2020-04-15 20:52
T-Rex
阅读(132)
评论(0)
推荐(0)
摘要：
条件判断 v-if, v-else-if, v-else, 及条件渲染 v-show v-if, v-else-if, v-else 这三个指令与JavaScript的条件语句if, else, else if类似. Vue的条件指令可以根据表达式的值在DOM中渲染或销毁元素或组件 简单的案例演示: 阅读全文
posted @ 2020-04-15 20:51
T-Rex
阅读(156)
评论(0)
推荐(0)
摘要：
v-bind 基础 前面我们学习的指令主要作用是将值插入到我们模板的内容当中. 但是, 除了内容需要动态来决定外, 某些属性我们也希望动态来绑定. 比如动态绑定a元素的href属性 比如动态绑定img元素的src属性 这个时候, 我们可以使用v-bind指令: 作用: 动态绑定属性 缩写: : 预期: any (with argument) | Object (without a... 阅读全文
posted @ 2020-04-15 20:42
T-Rex
阅读(167)
评论(0)
推荐(0)
摘要：
v-cloak 将未解析出来的代码块进行隐藏 但基本不会用到 阅读全文
posted @ 2020-04-15 20:35
T-Rex
阅读(110)
评论(0)
推荐(0)
浙公网安备 33010602011771号