随笔分类 - Vue
摘要：先去百度开放平台申请ak。http://lbsyun.baidu.com/ 进来之后 按照步骤走，先登录百度账号，然后申请成为开发者，然后申请ak密钥 填写完毕后提交，会给你邮箱发个激活邮件 点击申请密钥 然后点击提交 这个时候，你就可以拿着这个ak去使用百度地图了。 使用 百度地图Vue：http
阅读全文
摘要：起因：看过Dubbo管控台的都知道，人家是个前后端分离的项目，可是一条打包命令能让两个项目整合在一起，我早想这样玩玩了。 1. 建立个maven父项目 next 这个作为父工程，next Finish，然后把项目目录的src删除 2. 建立springboot子项目（Module） next nex
阅读全文
摘要：安装 然后在main.js里面引入 如下所示 到此你就可以使用它的组件了。【注意：如果你不需要自定义主题颜色，把import的less文件改为css文件】 配置一下自定义主题 在项目根目录建立 vue.config.js 文件，这里你可以修改主题的颜色（默认为蓝色） 如图所示 这一步需要安装个插件，
阅读全文
摘要：一、在main.js同级目录建立一个common.js文件 二、在main.js中import这个文件，然后放在Vue原型里 三、在组件里使用 四、页面输出 五、思考 这种方式与Vuex起到的作用是一样的，比Vuex简单，但是Vuex就是比较专业了。不过还是有深层次的区别的，如下 大神回答：
阅读全文
摘要：整合vue-router&Vuex 先创建工程 然后选择 勾选 回车，出现是否使用history mode？选择y，代表URL地址里面不会出现#。选择n，代表URL里面带有#。这里我们选择n，看自己需要了。 回车，出现ESLint，直接选第一个即可 回车，勾选默认 回车，选择把配置放在package
阅读全文
摘要：插槽在vue2.6.0开始有了新的更新 具名插槽（数据来自父组件） 子组件（定义插槽）这里版本前后没什么变化 父组件（使用）这里版本后废弃了slot="header"这样的写法，在vue3.0后直接移除。取而代之的是v-slot:插槽名称的写法，默认插槽（没有名字，默认为default），缩写为#h
阅读全文
摘要：场景：父组件向子组件传递数据，子组件去试图改变父组件数据的时候。 解决：子组件通过事件向父组件传递信息，让父组件来完成数据的更改。 比如：我的父组件是普通页面，子组件是弹窗的登录界面，父组件传递的数据（reloginDialog）控制登录界面的显示（reloginDialog = true），当登陆
阅读全文
摘要：代码规范很重要 1.组件名应该始终是多个单词的，根组件 App 除外。 2.组件的 data 必须是一个函数。 3.Prop 定义应该尽量详细。【包含了类型、校验】 类型有： 单向数据流：所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中
阅读全文
摘要：组件的复用 这里的工程和上一节的一样 先建立一个组件 MyButton.vue 引用这个组件 About.vue 页面： 1. MyButton.vue 就是一个组件，其它位置通过import来引入这个组件，就可以来使用了 2. 注意 一个组件的 data 选项必须是一个函数，因此每个实例可以维护一
阅读全文
摘要：v-text：更新元素的text内容 页面： v-html：更新元素的innerHTML，这里面的内容不会作为Vue模板编译 页面： v-show：根据表达式之真假值，切换元素的 display CSS 属性 页面： v-if：根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被
阅读全文
摘要：根据上一节搭建的hello-world工程（包含Router），用Webstorm打开，我们先运行一下工程。 界面如下 .. 我将在About里面介绍一下Vue的相关内容。 打开About.vue，修改内容为： 结果： 看起来很简单，实际上Vue在背后做了大量工作，数据和DOM模型已经建立了关系，所
阅读全文
摘要：环境准备 这里我们就直接使用官方推荐的Vue CLI方式 CLI (@vue/cli) 是一个全局安装的 npm 包，提供了终端里的 vue 命令。它可以通过 vue create 快速创建一个新项目的脚手架，或者直接通过 vue serve 构建新想法的原型。 CLI 服务 (@vue/cli-s
阅读全文
