随笔分类 -  Vue

Vue是一套用于构建用户界面的渐进式框架。
Vue基本指令 v-text&v-html
摘要：v-text v-text 指令主要用来编辑标签中的文本，传入的值默认是 string 类型，我们也可以添加其他类型变量，或者是表达式和函数 <h1 v-text="str"></h1> <!-- string类型 --> <h1 v-text="num"></h1> <!-- number类型 - 阅读全文
posted @ 2021-06-09 14:00 调用Function 阅读(1106) 评论(0) 推荐(0)
Vue基本指令 v-if&v-show
摘要：这两个指令一定要放在一起说，因为他们实现的效果是一样的，都是控制元素的显示隐藏 v-if v-if 是通过对 DOM 的渲染来实现元素的显示隐藏，当 v-if 的表达式结果为 false 时，在 DOM 元素中不会编译此元素，这个效果我们可以在控制台 Elements 中可以看到。 在 CodeSe 阅读全文
posted @ 2021-05-27 15:22 调用Function 阅读(737) 评论(0) 推荐(0)
Vue基本指令 v-for
摘要：前端页面的作用是将内容展现给用户，但是如果数据量太多的情况我们也要一条一条的编辑就显得太麻烦，甚至有些不太现实，比如一些电商网站、数据统计等，他们的数据量是相当庞大的，我们不可能一条一条的去编写，所以有了 v-for 循环遍历 v-for 语句在使用时会直接写在标签当中 <ul> <li v-for 阅读全文
posted @ 2021-05-08 17:39 调用Function 阅读(1049) 评论(0) 推荐(0)
Vue基本指令 v-on
摘要：v-on是Vue指令中的事件指令，我们像DOM元素上绑定事件都是通过这个指令 <div v-on:click="func"></div> v-on在编写时可以简写为@ <div @click="func"></div> Vue模板中，可以像函数中传递参数，没有参数时（如上）可以省略小括号，传递参数时 阅读全文
posted @ 2021-05-07 15:12 调用Function 阅读(609) 评论(0) 推荐(0)
Vue计算属性 computed
摘要：Vue中的计算属性，主要将一下复杂的表达式，整合成一个属性，更加方便使用、通俗易懂 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。 <div id="example"> {{ message.split('').reverse().join 阅读全文
posted @ 2021-04-21 01:35 调用Function 阅读(1027) 评论(0) 推荐(0)
Vue监听属性 watch
摘要：watch属性监听Vue实例中的所有变量和计算结果 监听data中的自定义变量 watch: { num(newVal, oldVal) { // newVal 变量num改变后的值 // newVal 变量num改变前的值 // 当变量num发生改变，执行当前回调 }, }, data() { r 阅读全文
posted @ 2021-04-20 01:44 调用Function 阅读(538) 评论(0) 推荐(0)
computed中get和set方法
摘要：getter getter方法，用于返回当前computed属性的属性值 一般使用普通函数来作为回调函数 computed: { site: { // getter get: function () { console.log(this); // VueComponent {_uid: 4, _is 阅读全文
posted @ 2021-04-16 16:31 调用Function 阅读(1068) 评论(0) 推荐(0)
vue中config配置文件
摘要：在vue中，进行配置的config文件，vue-cli2.0和vue-cli3.0区别还是挺大的。 vue-cli2.0中，config配置文件是在根目录下有一个config文件夹，文件夹中的index.js文件 vue-cli3.0中，config配置文件不会随cli框架搭建而生成，需要自己手动在 阅读全文
posted @ 2020-11-13 10:33 调用Function 阅读(1860) 评论(1) 推荐(0)