随笔分类 - 前端 / vue-入门
摘要：列表渲染 v-for列表渲染 可以使用一个v-for指令基于一个数组来渲染一个列表，v-for指令的值需要使用item in items形式的特殊语法，其中items是源数据的数组，而item是迭代项的别名，item是可以改名的，和{{ }}内的名称保持一致就行，结合div或其他标签使用，可以获取列
阅读全文
摘要：条件渲染 在vue中，提供了条件渲染，这类似于javascript中的条件语句 v-if v-else v-else-if v-show v-if指令用于条件性的渲染一块内容，这块内容只会在指令的表达式返回真值时才会渲染。v-else指令则在前面的if指令都不满足时则执行的指令 <template>
阅读全文
摘要：属性绑定 双大括号不能在html attributes中使用。想要响应的绑定一个attribute，应该使用v-bind指令 <script> export default { data() { return { msg: "active", myid:"test-id" } } } </scrip
阅读全文
摘要：原始html 双大括号，将会将数据插值为纯文本，而不是html，若想要插入html，则需要使用v-html指令 <template> <h3>模版语法</h3> <p>{{ tthtml }}</p> <!--会直接将html文本展示出来-->> <p v-html="tthtml"></p> <!
阅读全文
摘要：使用javascript表达式 每个绑定仅支持单一表达式，也就是一段能够被求值的JavaScript代码。一个简单的判断方法是是否可以合法的写在return后面。 <template> <h3>模版语法</h3> <p>{{ msg }}</p> <p>{{ number + 1 }}</p> <p
阅读全文
摘要：文本插值 最基本的数据绑定形式是文本插值，它使用的是”Mustache“语法（即双大括号） <script> export default{ data(){ return{ msg:"神奇的语法" } } } //以上为文本插值的固定使用格式 </script> <template> <h3>模版语
阅读全文
摘要：Vue是什么？ 渐进式javaScript框架，易学易用，性能出色，适用场景丰富的web框架 官方文档 地址：https://cn.vuejs.org Vue简介 是渐进式javascript框架，易学易用，性能出色，适用场景丰富的web前端框架 Vue是一款用于构建用户节点的javascript框
阅读全文
