Vue
禁止喧哗
这个作者很懒,什么都没留下…
展开
-
Vue表单绑定: v-model
Vue表单绑定: v-model双向绑定v-model = v-bind + @input(事件)1.v-model的基本基本使用 <div id="app"> <input type="text" v-model="msg"> {{msg}} </div> <script> const vue = new Vue({ el: '#app', data: { m原创 2020-08-10 16:29:12 · 231 阅读 · 0 评论 -
Vue的基本使用案例
Vue的基本使用案例1.当鼠标经过一行时显示不一样的颜色<style> .active{ background: red; }</style><div id="app"> <ul> <!-- 这样只能拿到属性的value,不能拿到key--> <li v-for="(name, index) in names" :key="name" :class="{active : showActive(原创 2020-08-07 15:35:18 · 117 阅读 · 0 评论 -
Vue循环遍历
Vue循环遍历1.v-on介绍 作用 循环遍历 预期 Array | Object | number | string | Iterable (2.6 新增) 用法 alias in expression ## 2.v-for 遍历数组<div id="app"> <ul> <li v-for="name in names">{{name}}</li>原创 2020-08-07 14:24:50 · 2698 阅读 · 0 评论 -
Vue条件判断
Vue条件判断1. v-if <div id="app"> <h1 v-if="showed">Hello World1!</h1> <h1 v-if="!showed">Hello World2!</h1> </div> <script> const vue = new Vue({ el: '#app', data: { show原创 2020-08-06 16:29:11 · 3006 阅读 · 0 评论 -
Vue监听事件:v-on
Vue监听事件:v-on1.v-on介绍 作用 绑定事件监听器 缩写 @ 预期 Function | Inline Statement | Object 参数 event 2.v-on的基本是用 <div id="app"> <span v-text="count"></span> <button v-on:click="i原创 2020-08-06 15:37:18 · 703 阅读 · 0 评论 -
Vue的计算属性
计算属性定义:用于对data中属性的值惊醒运算<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Complute</title> <script type="text/javascript" src="../js/...原创 2020-04-07 13:55:45 · 394 阅读 · 0 评论 -
Vue的Temlate语法
Vue的Temlate语法1.插值插值的定义就是在data中定义了一些属性的值插入到DOM中渲染显示。 语法名称 语法格式 语法用途 Mustache {{属性名称}} 将data属性中的值插入到DOM中 v-once指令 <标签体 v-once>{{属性名}} 你也能执行一次性地插值,当数据改变时,插值处的内容不会更新。...原创 2020-04-06 18:37:42 · 370 阅读 · 0 评论 -
Vue入门
Vue入门1.简介什么是VueVue是一套用于构建用户界面的渐进式 (将vue作为项目的一部分嵌套进去,例如重构jQuery的项目,可以没重构保留原有的jQuery,重构用Vue,可以一点点的引用进去)框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结...原创 2020-04-05 22:49:07 · 75 阅读 · 0 评论 -
npm安装Vue(Windows)
npm安装Vue(Windows)1. 安装前须知:名称作用npmNode.js下的包管理器webpack它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包vue-cli用户生成Vue工程模板。(帮助用户开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要npm install就...原创 2020-03-18 15:37:35 · 245 阅读 · 0 评论