随笔分类 - Vue 框架
Vue 框架入门笔记
摘要：Vue 框架 12 Vue 项目的详细开发流程 首先，如果你还不了解 Vue 脚手架怎么搭建？ 默认的环境中有哪些文件？ 文件大概是什么作用？ 那么，您要先查看之前的文章才有助于你理解本篇文章： "Vue 框架 10 搭建脚手架 CLI + 批处理快捷启动" " Vue 框架 11 介绍src文件流
阅读全文
摘要：Vue 框架 11 介绍src文件流程及根组件app+HBuilder 配置 这是上一篇对目录简单介绍： 关于编辑器，可以使用轻量级的 Sublime Text 3，我使用的是 HBuilder， 但是使用 HBuilder 会有一个问题，就是 HBuilder 默认使用的自己的 web 服务器，他
阅读全文
摘要：Vue 框架 10 搭建脚手架 CLI + 批处理快捷启动 脚手架是通过 webpack 搭建的开发环境 使用 ES6 语法 打包和压缩 JS 为一个文件 项目文件在环境中，而不是浏览器 实现页面自动刷新 环境准备 1.安装 node.js 官网：https://nodejs.org/zh cn/
阅读全文
摘要：Vue 框架 09 初识组件的应用 今天的第一个小实例，初步使用组件： 在 app.js 中定义模板组件，在 html 文件中使用自定义标签来显示 js 文件中定义的 html 代码块 比如说，下面定义一个模板，提示我的 csdn 连接，可以这样使用： 源代码 app.js 文件： 源代码 html
阅读全文
摘要：Vue 框架 08 基础实战 demo 前面介绍了有 7 篇了，都是小实例，没有相对完整的应用，虽然有些功能挺实用，但还是有的不常用的，今天记录一篇关于前几篇基础内容的实战 demo，也是对 Vue 基础的简单应用。 来看截图： 源代码 html 文件： 源代码 js 文件： 源代码 css 文件：
阅读全文
摘要：Vue 框架 07 循环指令 v for，和模板的使用 本章主要是写一些小实例，记录代码，想要更详细的话，请查看 官方文档：https://cn.vuejs.org/v2/guide/ %E6%9D%A1%E4%BB%B6%E4%B8%8E%E5%BE%AA%E7%8E%AF 第一个小实例： 使用
阅读全文
摘要：Vue 框架 06 条件语句 v if 实现选项卡效果 本片介绍的是 Vue 中条件语句 v if 第一个小实例是，通过 v if=“布尔值”，通过布尔值的真假来决定，某元素是否显示 源代码 html 文件： 原代码 js 文件： 正经实例：实现简单选项卡效果： 源代码 html 文件： 源代码 j
阅读全文
摘要：Vue 框架 05 动态绑定 css 样式 今天的小实例是关于 Vue 框架动态绑定 css 样式，这也是非常常用的一个部分 首先说一下 动态绑定，相对的大家都知道静态绑定，静态绑定的话，直接加 class=“”就可以了，使用 Vue 呢之前也介绍过一个 v bing:class="{{redCla
阅读全文
摘要：Vue 框架 04 计算属性 计算属性是什么？ 大家可以去看官网解释： "计算属性和侦听器" 今天的第一个小实例： 为啥先放折磨一个实例，之前数据绑定的就已经可以实现了，看起来那么简单，就是为了告诉大家，当点击第一个按钮【Add to A】的时候， Age + A = 这个方法执行了，大家可以看得到
阅读全文
摘要：Vue 框架 03 键盘时间及健值修饰符 一、键盘事件，当按键盘时，在控制台输出提示 html 源码： js 源码： 上面代码是当用户点击输入框后，只要按下键盘就会在控制台打印一次提示，实际应用的并不多，下面介绍当用户按下回车键时，才触发 二、健值修饰符 下面在时间后面加上：.enter 就可以实现
阅读全文
摘要：Vue 框架 02 事件：点击, 双击事件,鼠标移上事件 1.单击事件：v on:click 源码 app2.js ： 源码 html ： 2.双击事件：v on:dblclick 3.传递参数 app2.js： html ： 4.鼠标移上事件：显示鼠标位置 app2.js ： html : 提示：
阅读全文
摘要：使用 npm 安装 Vue 需要 node.js 就不多说了（从 nodejs.org 中下载 nodejs ） （1）安装 Vue，在 cmd 里直接输入： 回车，等待 （2）安装 Vue Cli，在 cmd 里直接输入： （3）检查 Vue
阅读全文
摘要：Vue 框架 01 入门篇 图文教程 Vue 官网：https://cn.vuejs.org/ 关于 Vue 的基础大家可以在官网的【起步】去学习，本系列文章主要针对实例项目应用 一、Vue 的安装与使用 1.在线引用： 2.下载 js 文件（推荐）： (1)在浏览器中打开下面链接： (2)全选，拷
阅读全文
