1. 基本使用方式 template {代码...} JavaScript {代码...} 2. 美化 input file 按钮 （拓展） 思路： 简单粗暴地隐藏：opacity: 0; 在 <input class="file"> 元素节点的位置上创建一个好看的元素节点,比如img 将 <input class="file"> 元素的z轴变高，使得其覆盖<img/> :z-index: 5; 因为 <input ...

在组件上设置点击事件 {代码...} 显然在Root组件中不能被触发，因为这时候 组件child上的click相当于自定义的一个事件，这时候需要通过this.$emit去触发自定义事件 {代码...} 这时候就实现了点击事件，但是究其根本，这还是自定义事件，太过麻烦。

父组件向子组件传递参数，子组件有权对这些参数进行约束，这些约束就可以叫做组件参数校验 源码： {代码...}

一.使用is解决标签渲染中的小bug 1.如下代码，将表格中的<tr><td></td></tr>组件化 {代码...} 运行结果图示 乍一看是对的，但是细心的小伙伴会发现，组件row明明是引用在tbody中，但是在运行之后会发现:组件解析到外面去了 这是一个bug 2.解决方法： 上出现的原因是因为在html5中，tbody下必须...

最近复习到Canvas,先准备来段有趣的代码，用Canvas绘制出一个动态的时钟。然后后续再对Canvas进行进一步学习。以下代码均来自以上链接所属的视频教程。 【侵删】

前言 我将要实现的是：点击按钮，将组件2中的数据传递给组件1，在组件1中展示。 源代码 可以直接复制执行 {代码...} 演示 总结步骤 创建一个空实例（bus中央事件总线也可以叫中间组件） 利用$emit $on的触发和监听事件实现非父子组件的通信 {代码...} 从网上了解到，解决的方案还有vuex、provide/inject是解决同根往下派...

一、父子组件间的通信 一个简单的例子 如图，下面有个目录结构：父组件下面有个子组件。 我们要实现的就是： 子组件接受父组件的data数据 点击子组件中按钮，可以将子组件中数据反馈给父组件 直接上代码：这里没有引入vue,自行引入 {代码...} 点击后效果如图： 箭头后面的即是从其他组件中传过来的数据 二、总结 父传子 ...

vue学习路径和建议----尤雨溪 vue官网 今天看了慕课网的一个教学视频 Vue入门 感觉清晰了很多 首先引入一个简单的todolist案例 初始化项目（引入vue.js部分省略） {代码...} 初始化数据，遍历输出 {代码...} 以下是效果： 接下来就是动态添加数据了 {代码...} 以上涉及数据的双向绑定 以下是将todolist应用进行了组件化 ...

定义一个组件 {代码...} 上面的button-counter就是一个组件，可以说是一个自定义的标签，我先这样理解，后面再看。 以下注意！！！ 一个组件的 data 选项必须是一个函数 {代码...}

vue学习路径和建议----尤雨溪 vue官网 根据官网一步步学习 1.项目构建 引入vue库，初学时直接通过CDN {代码...} 2.声明式渲染 留坑 在html中创建区域（元素标签） {代码...} 实例化 在script标签中实例Vue,渲染数据 {代码...} 接下来官网介绍了指令v-bind 从后面我了解了下v-bind的语法知识: vue单向数据流绑定 ： v-bin...

接下来我将正式学习Vue,根据Vue作者所给的学习路径进行学习。每天做好学习笔记。 ​ vue学习路径和建议----尤雨溪 ​ vue官网

一、安装配置 【前提】安装node.js环境【官网下载】[链接]安装教程不赘述 创建项目文件夹例如创建如下文件夹webpack_demo1 创建配置项 {代码...} 生成一个package.json文件 如下图 全局安装webpack （不推荐，进行下一步操作） {代码...} 局部安装webpack(推荐) {代码...} 另外，webpack 4要求安装包 {代码...} 一起安装...

上一讲中我们打包没有用到webpack.config.js配置文件，webpack4把自己定位为一个零配置的工具。这一讲学习配置文件使用，更好地学习webpack。

Webpack 4 学习（基础配置和js文件的打包） 一、安装配置 【前提】安装node.js环境【官网下载】[链接]安装教程不赘述 创建项目文件夹例如创建如下文件夹webpack_demo1 创建配置项 {代码...} 生成一个package.json文件 如下图 全局安装webpack （不推荐，进行下一步操作） {代码...} 局部安装webpack(推荐) {代码...} 另...