Vue入门-------(1)

三大框架

anqular
react(react native) facebook
vue 中国的尤雨溪

Vue的初始化

创建一个Vue实例

var vm = new Vue({el：//作用域data：{  }//数据methods:{  }//事件computed:{  }//计算属性
})

通过引用双大括号实现数据绑定

Vue的基本指令

v-if&v-else条件渲染
根据条件控制元素的dom的渲染
欢迎xxx登录 请登录
v-show显示隐藏
根据条件控制元素的显示和隐藏(display)
显示
v-for列表渲染

<ul><li v-for="(item,index) in list">{{index}}{{item.name}}---{{item.age}}<button @click="del(index)">删除</button></li></ul>

v-html&v-text
v-html可以解析标签元素

<p v-html="htmltest"></p> ```
v-text里边是啥就显示啥

“`

v-on事件

<button v-on:click="addScore">加分</button>```
``methods:{
        addScore:function(){this.score++console.log(this)},}``* v-bind绑定
`
<p :class="color"> 这里是绿色</p>`
* v-model双向绑定

双向绑定

    <input type="text" v-model="modeltest"><br><input type="text" v-model="modeltest"><br><textarea name="" id="" cols="30" rows="10" v-model="modeltest"></textarea>{{modeltest}}`

Vue入门-------(1)相关推荐

axios vue 回调函数_Vue 02 —— Vue 入门小案例~使用 Axios 中的GET、POST请求
作为后端攻城狮,写前端代码是一种什么体验? 相信不少人和 @Python大星一样,有写过前端代码的经历. 记录一下,Vue 框架开发中"啼笑皆非"的故事,非专业前端人员,该案例无 ...
建立项目接口文档_分享：一步一个脚印，vue入门之使用mockjs搭建vue项目测试服务器...
在以前的文档中,我们构建了vue项目的整体架构,详见vue入门:vue项目架构设计起步,现在我们主要对其中的mock server 进行完善. 一.概述前后端分离的项目优点之一就是可以前后端并行开发 ...
Vue入门指南-05 Vue实例的生命周期(快速上手vue)
生命周期钩子 = 生命周期函数 = 生命周期事件实例创建期间的生命周期函数 // 刚初始化了一个空的实例对象, 这时候只有默认的一些生命周期函数和默认事件, 其他都未创建. // 如果要调用 met ...
Vue入门之animate过渡动画效果
简介: transition方法的使用 transition内置方法 transition-group animate库实现过渡动画 `<!DOCTYPE html>` `<html ...
vue入门学习（基础篇）
vue入门学习总结: vue的一个组件包括三部分:template.style.script. vue的数据在data中定义使用. 数据渲染指令:v-text.v-html.{{}}. 隐藏未编译的标 ...
Vue入门练习：小王记事本
目录项目结构: HTML: CSS 参考教程: 这个东西放在编译器就能直接用,非常简单的Vue入门Demo 项目结构: |--peoject:|--index.html|--css|--index. ...
一周Springboot+Vue入门（1）-- 什么是Springboot
1.什么是Springboot 回答这个问题,先看下面这段话 : "为了在Java项目开发中提供一种更为简便的开发方式,来取代繁琐的项目搭建工作,Spring推出了Springboot项目. ...
一周Spring Boot + VUE 入门（2） --VUE
前后端分离目前重要的前端技术是基于VUE技术的框架进行开发. 1.前后端分离的概念 Vue.js(读音 /vju?/, 类似于 view) 是一套构建用户界面的渐进式框架.Vue 只关注视图层, 采用 ...
vue入门（猴子都能学会）
目录一. vue简介 1. Vue.js是什么? 2. 库和框架的区别 3. MVVM的介绍二.Vue入门 1.导入js依赖 2.定义vue所管理边界 3.创建vue实例挂载边界三. Vue事 ...
vue入门笔记（一）
Vue Day 01 B站原视频地址注:本文只是记录自己的学习过程文章目录 Vue Day 01 一.邂逅Vuejs 1.1.认识Vuejs 1.2.Vue的初体验 1.3.创建Vue时, opt ...

Vue入门-------(1)

三大框架

Vue的初始化

Vue的基本指令

Vue入门-------(1)相关推荐

最新文章

热门文章