随笔分类 - vue
摘要：调用组件 <comp :foo.sync="bar"></comp> 将被扩展为 <comp :foo="bar" @update:foo="val => bar = val"></comp> 当子组件需要更新 foo 的值时，它需要显式地触发一个更新事件 this.$emit('update:fo
阅读全文
摘要：参照 https://blog.csdn.net/weixin_41275295/article/details/100189869 vue 提供了一种称为函数式组件的组件类型，用来定义那些没有响应数据，也不需要有任何生命周期的场景，它只接受一些props 来显示组件。 1.使用方法 Vue.com
阅读全文
摘要：1.安装 npm install -g @vue/cli 2.查看版本 vue -V 3.创建项目 vue create test创建时遇到一个脚本不能运行的问题：https://www.jianshu.com/p/9eb3cf854aa8 4.选择配置项（默认和手动） 这里对选择手动配置的一些说明
阅读全文
摘要：1.插槽内容及后备内容 子组件header 插槽内容--父组件引用时不加内容<header></header>则显示： 后备内容--父组件引用时加内容<header>this is parent</header>则显示： 2.具名插槽 子组件header 一个不带 name 的 <slot> 出口会
阅读全文
摘要：1.安装 npm i less less-loader -S 2.配置 更改配置文件build/webpack.base.conf.js在module.export暴露的对象中，为module的rules添加如下配置： 3.使用 在代码中的 style 标签中 加上 lang="less" 属性即可
阅读全文
摘要：参照博客：https://www.jianshu.com/p/7df2576a8a2b 方法一、prop和$emit 1.prop--父组件向子组件传值 a.prop大小写： postTitle 等价于 post-title； b.prop类型： 以数组形式： 1 props: ['title',
阅读全文
摘要：1.路由跳转 <router-link to="/home">静态路由跳转</router-link> this.$router.push('/home') this.$router.replace('/home') 2.动态路由传参 方法1.params first.在router中的路由映射{
阅读全文
摘要：1.vue中iview的标签报错 x-invalid-end-tag 因为标签是闭合的 2.vue报There are multiple modules with names that only differ in casing错误提示
阅读全文
摘要：1.安装Chrome 的vuejs devtools 扩展插件： https://www.cnblogs.com/alice-fee/p/8038367.html； 2.v-for指令 后面必须加v-bind:key <li v-for="item in todos" v-bind:key="ite
阅读全文
摘要：安装（更新）node 对于初次安装node的同学，直接去node官网（http://nodejs.cn/download/）下载最新版本的node包傻瓜式安装即可（更新或者初次下载都是同样的步骤） 当然安装完成过后可以在命令行里输入：node -v查看当前node的版本，也可以输入：npm -v查看
阅读全文
浙公网安备 33010602011771号