随笔分类 -  Learn Vue

Deep learning Vue
vue中修改子组件(或第三方组件库)样式
摘要：一、问题叙述 项目里需要新添加一个表单页面，里面就只是几个select,这个几个select是原本封装好的组件，有自己原本的样式，而这次的原型图却没有和之前的样式统一起来，需要微调一下，这里就涉及到父组件修改子组件的样式。不想混用本地和全局样式，所以选择了>>>，但是并不起作用，就换成/deep/， 阅读全文
posted @ 2019-07-12 16:10 居老师的狗子 阅读(19775) 评论(1) 推荐(1)
创建一个vue-cli项
摘要：一、vue cli脚手架 Vue 提供了一个官方的cli，为单页面应用 (SPA) 快速搭建繁杂的脚手架，通过这个工具我们就可以很方便的来创建一个基于vue的项目。 二、安装一些必要的东西node、npm、webpack、vue-cli 在用 Vue 构建大型应用时推荐使用 NPM 安装，基于nod 阅读全文
posted @ 2019-04-19 13:36 居老师的狗子 阅读(342) 评论(0) 推荐(0)
vue插槽slot的理解与使用
摘要：一、个人理解及插槽的使用场景 刚开始看教程我的疑惑是为什么要用插槽，它的使用场景是什么，很多解释都是“父组件向子组件传递dom时会用到插槽”，这并不能很好的解决我的疑惑。既然你用了子组件，你为什么要给它传一些dom，直接去定义复用的子组件不就好了。后来想想觉得一个复用的组件在不同的地方只有些许变化， 阅读全文
posted @ 2019-04-02 18:12 居老师的狗子 阅读(6693) 评论(0) 推荐(0)
遇到的cannot find module 'xxx' 问题
摘要：昨天配置新项目的环境，明明都npm inatsll都安装了，再次运行的时候一直报错，缺少模块。我以为就一个没安装上，就手动npm install -g 'xxx' ；结果一个装好了，又继续蹦出cannot find module 'xxx'。 我继续install，然而依旧继续蹦出来新的cannot 阅读全文
posted @ 2019-03-18 11:25 居老师的狗子 阅读(20067) 评论(2) 推荐(0)
vue报错之Duplicate keys detected: '0'. This may cause an update error.
摘要：昨天运行vue项目的时候，出现了[Vue warn]: Duplicate keys detected: '0'. This may cause an update error（错误，检测到重复的key值：”0“，这可能会导致更新错误） 错误原因： 我们在使用v-for的时候，都要必须加上一个唯一的 阅读全文
posted @ 2019-03-18 11:12 居老师的狗子 阅读(49603) 评论(1) 推荐(1)
安装vue-devtools
摘要：vue-devtools是一款基于chrome游览器的插件，以前很少用到这个，昨天想要清晰的看看里面的内容，于是想要下载一个插件。但由于电脑没FQ，所以就不能直接在chrome商店里下载。 一、在github上找到vue-devtools的项目，将其clone到本地。 二、可以通过cmd，在文件夹里 阅读全文
posted @ 2019-03-18 10:52 居老师的狗子 阅读(405) 评论(0) 推荐(0)
vue之监听事件
摘要：一、v-on 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 简写形式 用@代替 v-on： 点击事件 v-on:click、双击事件v-on:dbclick、鼠标事件v-on:mousemove 二、事件修饰符 Vue.js 为 v-on 提供了事件修饰 阅读全文
posted @ 2019-03-12 13:55 居老师的狗子 阅读(3061) 评论(0) 推荐(0)
组件复用传值（待解决问题）
摘要：写了一个点击列表，在prop传入一个数组出现了问题。 但是检查到点击后{id:10,name:'hi',finished:false}里面的finished值确实改变了，绑定的:class="{'complated':task.finished}却不起作用。后续了解更多了，再来解决。 阅读全文
posted @ 2019-03-12 10:40 居老师的狗子 阅读(419) 评论(0) 推荐(0)
vue之组件注册
摘要：一、组件名 写组件之前你要明确你的目的，想要做一个什么样的组件，我们在注册一个组件的时候，需要给组件一个名字，对于命名，尽可能明确，使用 kebab-case (短横线分隔命名) 或 PascalCase (首字母大写命名)。 使用 kebab-case (短横线分隔命名) 定义一个组件时，我们在引 阅读全文
posted @ 2019-03-12 10:00 居老师的狗子 阅读(244) 评论(0) 推荐(0)
vue之组件理解（一）
摘要：组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。 其中，一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝。 阅读全文
posted @ 2019-03-12 09:27 居老师的狗子 阅读(556) 评论(0) 推荐(0)
vue之列表渲染
摘要：一、v-for循环用于数组 v-for 指令根据一组数组的选项列表进行渲染。 1、v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组名， item 是数组元素迭代的别名（为当前遍历的元素提供别名，可以任意起名）。 输出： Foo Bar 2、v-for 还 阅读全文
posted @ 2019-03-11 15:14 居老师的狗子 阅读(3620) 评论(0) 推荐(0)
vue之条件渲染
摘要：一、v-if v-if指令用于条件的渲染一块内容，当指令的表达式返回true时，内容才会被渲染。 如果想切换多个元素，可以使用<template>元素当作不可见的包裹元素。并在上面使用v-if，最终的渲染结果不包含<template>元素。 不使用template效果 二、v-else、v-else 阅读全文
posted @ 2019-03-11 11:13 居老师的狗子 阅读(630) 评论(0) 推荐(0)
vue搭建cli脚手架环境（出现问题及解决，主要是node版本低）
摘要：Vue 提供了一个官方的cli，为单页面应用 (SPA) 快速搭建繁杂的脚手架。 一、vue cli脚手架 脚手架通过webpack搭建开发环境 使用ES6语法 打包压缩js为一个文件 项目文件在环境中编译，而不是浏览器 实现页面自动刷新 基于nodejs和npm，可以在控制台输入node -v 或 阅读全文
posted @ 2019-03-04 18:01 居老师的狗子 阅读(5650) 评论(0) 推荐(0)