![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
i前端小学生
这个作者很懒,什么都没留下…
展开
-
Element-UI 另类技巧
el-scrollbar 滚动条<el-scrollbar> <div class="box"> <p v-for="item in 15" :key="item">欢迎使用 el-scrollbar {{item}}</p> </div></el-scrollbar><style scoped>.el-scrollbar { border: 1px solid #ddd; height:原创 2021-11-09 17:49:05 · 145 阅读 · 0 评论 -
webpack是怎么打包的,babel又是什么?
把项目当做一个整体,通过一个给定的主文件(如:index.js),Webpack将从这个文件开始找到项目的所有依赖文件,使用loaders处理它们,最后打包为一个(或多个)浏览器可识别的JavaScript文件。babel将es6、es7、es8等语法转换成浏览器可识别的es5或es3语法。...原创 2021-11-09 15:27:54 · 906 阅读 · 0 评论 -
vue 页面跳转外部链接打开新标签页
let href = 'https://www.baidu.com/' window.open(href, '_blank');原创 2021-10-11 11:11:19 · 1032 阅读 · 0 评论 -
常用不同组件之间的通信
1.props / $emit:父组件通过props的方式向子组件传递数据,而通过$emit子组件可以向父组件通信。2.$children / $parent:this.$children[0].msg = "hello world" //父组件修改子组件data中的数据this.$parent.mag //子组件拿到父组件data中的数据$children的值是数组,$parent的值是个对象注意:$parent,$children它们的目的是作为访问数组的应急方法,更推荐用原创 2021-05-24 20:39:31 · 350 阅读 · 0 评论 -
Vue路由跳转传参如何传递一个对象
在路由跳转传参的时候参数可能会是一个对象,但首次跳转成功接受成功后这个参数会出现,但是一旦刷新这个参数就会编程[object,object] 。在这个是时候我们在路由跳转传递参数的时候用JSON.stringify() 将参数转换一下 如:let str = JSON.stringify(item);this.$router.push({ path: "/Ebooksclassified", query: { str } });在接受这个参数的时候用JSON.parse() 再转换一...原创 2021-05-18 22:03:03 · 11176 阅读 · 0 评论 -
Vue响应式原理
当一个Vue实例创建时,vue会遍历data选项的属性,用 Object.defineProperty 将它们转为 getter/setter并且在内部追踪相关依赖,在属性被访问和修改时通知变化。 每个组件实例都有相应的 watcher 程序实例,它会在组件渲染的过程中把属性记录为依赖,之后当依赖项的 setter 被调用时,会通知 watcher 重新计算,从而致使它关联的组件得以更新。...原创 2021-05-13 21:05:55 · 54 阅读 · 0 评论 -
Vue实例中的数据对象
1、数据对象当一个Vue实例被创建时,它将data对象中的所有属性加入到Vue的响应式系统中。当这个属性的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。代码示例:// 声明数据对象var data = { msg: "hello" }// 该对象被加入到一个 Vue 实例中var vm = new Vue({ data: data})上面代码中,可以将我们声明的对象赋值到Vue实例中,使用vm.msg == data.msg比较时,结果为tru...原创 2021-05-11 21:36:00 · 1104 阅读 · 0 评论 -
Vue中v-text和v-html 指令运用
v-text在标签中显示文本数据,数据对象中的数据会被原样输出,例如:<span v-text="message"></span><!-- 简写方式 --><span>{{message}}</span>在模板中输出真正的HTML,如果是使用v-text输出带标签的字符串的话,仅仅是想页面中输出带标签的HTML,但是不会对HTML代码进行解析,如果要解析HTML代码,就要使用v-html指令。例如:<p v-t...原创 2021-05-10 21:58:08 · 758 阅读 · 0 评论 -
Let和Const的使用区别
ES2015(ES6) 新增加了两个重要的 JavaScript 关键字:let和const。let 声明的变量只在 let 命令所在的代码块内有效,const 声明一个只读的常量,一旦声明,常量的值就不能改变。1、let命令let命令有以下特点:(1)代码块内有效ES2015(ES6) 新增加了两个重要的 JavaScript 关键字:let和const。let 声明的变量只在 let 命令所在的代码块内有效,const 声明一个只读的常量,一旦声明,常量的值就不能改变。...原创 2021-05-08 08:03:09 · 361 阅读 · 0 评论 -
Axios在Vue项目中全部方法实例详解
1、基本用法安装cnpm i axios --save在main.js中引入axiosimport axios from 'axios'Vue.prototype.$axios = axios在组件中使用axios<script>export default { mounted(){ this.$axios.get('/goods.json').then(res=>{ console.log(res.data); }) ...原创 2021-05-07 16:59:51 · 310 阅读 · 0 评论