前言 上回我们成功搭建运行了一个 vue 项目，这次的话我们来捋一捋这个项目的结构，当然也是简单看看，深入的话，其实我也不是很懂（手动捂脸） 目录结构 首先我们大概看一下他的结构，然后我们一个一个捋。 . ├── REA…

父子通信 props和emit 父组件通过props传递数据给子组件，子组件通过emit发送事件传递给父组件。 // 父组件 <div> <child :data="child" @send="getF…

这是我的 个人博客，有兴趣的可以去看看，说不定有收获。 动态参数 可以用方括号括起来的 JavaScript 表达式作为一个指令的参数： <a v-bind:[attributeName]="url"> ..…

聊聊公司团队前端交互需要注意的一些要点。 一般上 Tab 切换的页面都应该通过路由定义，切换选项卡即切换路由，而且要用 replace 而不是 push 切换。 页面分页、侧栏分类切换分类等会重新加载列表的操作都要通过路…

注册指令 全局注册 局部注册 Vue.directive('focus',{ inserted: function(el){ el.focus() } }) directives: { focus: { inserted…

1.vue渲染模板时,怎么保留模板中的HTML注释呢? <template comments> ... </template> 选项 : comments默认值 : false详细:当设置为tru…

监听整个对象，使用watch就行 export default { data() { return { a: { b: 1, c: 2 } } }, watch() { a: { handler(newVal, oldV…

vue 中computed想传递参数怎么办？ 闭包在这里起到的重要的作用 <input v-model="newItem(key,val)" type="text"/> computed:{ newItem:…

<template> <div class="back-btn-position-fx-style"><button class="back-btn-style" @click="$rout…

计算属性 模板内的表达式非常便利，但是在模板中放入太多的逻辑会让模板过重切难以维护。对于任何复杂逻辑都应该使用计算属性。 <p>{{ reverseMsg }}</> var vm = new V…

今天想在码云上给构建好的vue项目配置pages。 教程：【使用Gitee Pages服务 搭建Vue项目】（https://blog.csdn.net/LitongZ…） 在运行npm run build指…

日常开发中经常遇到的一个场景，父组件有很多操作，需要弹窗，例如： <template> <div class="page-xxx"> //点击打开新增弹窗 <button>新增<…