![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
小子pk了
.NET开发菜鸟一名
展开
-
Vue学习之路2-项目初搭建
1:检查环境是否全部安装成功2:创建项目2.1.打开dos命令窗口,使用dos命令转到项目文件夹下:2.2.输入创建项目命令:vue init webpack myproject1 创建不同的打包方式第一种情况:创建不同的打包方式第二种情况:2.3.启动项目,在项目目录下输入启动命令:npm start或者npm run devnpm start启动命令...原创 2018-07-16 21:21:39 · 168 阅读 · 0 评论 -
Vue学习之路3-浅析Vue-cli搭建项目后的目录结构
1.前言 Vue并不限制你的代码结构。但是,它规定了一些需要遵守的规则: 1、应用层级的状态应该集中到单个store对象中。 2、提交mutation是更改状态的唯一方法,并且这个过程是同步的。 3、异步逻辑都应该封装到action里面。2.项目文件目录显示如下 3.项目文件解析3.1 build文件build:文件...原创 2018-07-17 15:59:01 · 9751 阅读 · 3 评论 -
Vue学习之路4-v-bind指令
1. 定义 1.1 v-bind 指令被用来响应地更新 HTML 属性,其实它是支持一个单一 JavaScript 表达式 (v-for 除外)。2. 语法 2.1 完整语法:<span v-bind:class="classProperty"></span >,解释:v-bind 是指令,: 后面的 class 是参数,classProper...原创 2018-07-18 16:27:42 · 321 阅读 · 0 评论 -
Vue学习之路7-v-on指令学习之简单事件绑定
前言 在JavaScript中任何一个DOM元素都有其自身存在的事件对象,事件对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置和鼠标按钮的状态等。事件通常与函数结合使用,函数不会在事件发生前被执行。在JavaScript中常见的事件句柄(Event Handlers)主要有:属性名 描述(对应事件发生在何时...) onabort ...原创 2018-07-24 10:56:56 · 598 阅读 · 0 评论 -
Vue学习之路8-v-on指令学习简单事件绑定之属性
前言上一篇文章以v-on指令绑定click事件为例介绍了v-on指令的使用方法,本文介绍一下v-on绑定事件的一些属性的使用方法。v-on绑定指令属性 .stop属性阻止单击事件继续向上传播(简单点说就是不让父节点及父节点以上的节点事件触发),本示例如果没有stop属性,父节点和爷爷节点事件将会触发,并在控制台输出内容,示例代码和示例结果如下: 1 1 <templa...原创 2018-07-24 16:03:52 · 533 阅读 · 0 评论 -
Vue学习之路5-v-model指令
1. 指令释义 v-model在表单控件或者组件上创建双向绑定,本质上是负责监听用户的输入事件(onchange,onkeyup,onkeydown等,具体是哪个,还请查阅官方底层实现文档)以更新数据,并对一些极端场景进行一些特殊处理。2. 表单输入绑定方式和方法2.1 input框实现双向数据绑定示例: 1 <template> 2 <div...原创 2018-07-19 17:52:24 · 9417 阅读 · 1 评论 -
Vue学习之路1-集成环境安装
1.前言Vue 是一款友好的、多用途且高性能的javascript框架,与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用,它能够帮你创建可维护性和可测试性更强的代码库,Vue是渐进式的javascript框架库。2.安装简介Vue集成环境三大核心组件:node.js,npm,vue。3.node.js安装下载地址:https://nodejs.org/en/download/,根据操作...原创 2018-07-15 17:12:06 · 212 阅读 · 0 评论 -
Vue学习之路6-条件渲染
条件指令 所谓条件指令是指满足某个条件时执行哪部分代码,不满足条件时执行哪部分条件代码。vue条件指令有v-if,v-else-if,v-else三个,v-if条件渲染用来指示元素是否移除或者插入,根据表达式的值的真假条件渲染元素。 v-if示例 方式一使用v-if显示标签,当初始化值为true时,则显示第一个标签,当初始化值为false时,则显示第二个...原创 2018-07-21 17:58:53 · 240 阅读 · 0 评论