落日夕霞的博客

vue.js中的事件修饰符的使用

scoped 属性作用：保证css样式只作用于当前组件，不会影响其他任何地方的样式。本质：设置 scoped 后，当前组件中的所有元素都会被添加一个 data-v- 的属性，所有设置的css样式都会添加该属性选择器。如：// 权重为 1 + 10input[data-v-656039f0] {...}// parent.vue<div> <input /&...

问题背景：在子组件中mounted时经常发现无法获取到父组件传入的props属性值。生命周期函数执行顺序：父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted// 父组件&

前言在启动vue项目时，我们发现需要自己配置启动的ip地址，这样在多人开发便显得很不方便。解决方案：使用vue-cli构建项目：（其他配置类似）vue init webpack myproject1.在当前的build目录下新建一个get-ip.js文件用来获取本机ip地址// build/get-ip.jsvar os = require('os'), ip = '', ifa...

本文提供的方式是将组件直接引入，不需要使用Vue.use()，即没有给组件添加install方法。步骤一注册npm账号，用于发布组件。// 注册后npm adduser // 添加用户（填写注册的用户名，密码，邮箱）npm whoami // 查看当前注册的用户附：注册npm需要确认邮箱，邮箱确认后需要重新登录npm，否则会一直提示邮箱未确认。步骤二构建一个vue项目vue ...