Vue 使用 formData 方式向后台发送数据

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

vue2 基础学习08(给组件绑定原生事件)

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

vue2 基础学习07(组件参数校验)

2019-03-24
阅读 1 分钟
1.3k
父组件向子组件传递参数,子组件有权对这些参数进行约束,这些约束就可以叫做组件参数校验 源码: {代码...}

vue2 基础学习06 (Vue组件:使用组件的细节点)

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

Canvas绘制出一个时钟

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

vue2 基础学习05 (Vue组件:非父子组件之间的通信)

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

vue2 基础学习04 (Vue组件:父子组件之间的通信)

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

vue2 基础学习03 (Vue组件的进一步理解)

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

vue2 基础学习02 (Vue组件)

2019-03-06
阅读 1 分钟
1.5k
定义一个组件 {代码...} 上面的button-counter就是一个组件,可以说是一个自定义的标签,我先这样理解,后面再看。 以下注意!!! 一个组件的 data 选项必须是一个函数 {代码...}

vue2 基础学习01 ( 核心最基本的功能)

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

Vue学习的路径

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

Webpack 4 学习总结

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

Webpack 4 学习02(使用配置文件进行打包)

2019-03-06
阅读 1 分钟
1.9k
上一讲中我们打包没有用到webpack.config.js配置文件,webpack4把自己定位为一个零配置的工具。这一讲学习配置文件使用,更好地学习webpack。

Webpack 4 学习01(基础配置)

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