php软件开发--vue基础

vue介绍：

MVC 中的最大缺点就是单项输入输出，所有的 M 的变化及 V 层的变化，必须通过 C 层调用才能展示；
MVVM 的设计思想，简单理解就是实想数据层与展示层的相互调用，降低业务层面的交互逻辑
构建用户界面的渐进式框架
使用：CDN引用、直接下载引用

Vue 实例对象：

var vm = new Vue({el:'#div',  // 设置要操作的元素data:{ // 要替换的额数据、函数user_name:'我是一个div'fun:()=>{return 2}},methods: {cli: function () {alert('123');}}
})
// 打印Vue实例对象
console.log(app);

模板语法-插值:

文本:{{ msg }}
使用 JavaScript 表达式：{{ un > 3 ? '大' : '小'}}、{{ fun() }}

模板语法-指令：

v-if、v-for、v-text、v-html、
v-bind 属性绑定：<img id=“app” v-bind:src="src" :alt="'这是图片'+msg" /><div id="app" v-bind:class="{active: isActive}"></div><div id="app" class="active text-danger"></div><div id="app" v-bind:style="{color: redColor, fontSize: font + 'px'}"><div id="app" v-bind:style="[color, fontSize]">abc</div>v-model 双向数据绑定：<input type="text" :value="input_val"><textarea v-model="inp_val"></textarea><div>{{ inp_val }}</div>
修饰符：.lazy：取代input监听change事件.number：输入字符串转为有效的数字.trim：输入首尾空格过滤<input type="text" v-model.lazy="input_val">
v-on 绑定事件监听：<input type="button" value="按钮" v-on:click="cli"><input type="button" value="按钮" @click="cli(1,3,@event)"><input type="text"  @keyup.enter="keyup"><input type="button" value="按钮" @click.shift="cli"><input type="button" value="按钮" @click.middle="cli">
v-show 显示隐藏:
v-if / v-else / v-else-if 条件判断:
v-for 循环：<li v-for="(val,key) in arr">{{val}}---{{key}}</li>
v-cloak：和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。
v-once：只渲染元素和组件一次

php软件开发--vue基础相关推荐

软件开发知识点基础介绍
软件开发知识点基础介绍软件:即一系列按照特定顺序组织的计算机数据和指令的集合,有系统软件和应用软件之分. 系统软件:windows,mac,linux,unix,android,ios- 应用软件: ...
软件开发零基础必备技能(大纲)
1.掌握一门主流计算机编程语言计算机语言是人与计算机之间传递信息的媒介.因此我们想要和计算机更好的交流,我们必须要掌握一门(主流)的计算机语言. 推荐语言:C/C++,Java 2.数据结构只掌握 ...
软件开发（一）——软件开发的基础思考
几乎所有学计算机的人,都是先学的程序设计,学各种各样的语言,c,c++,c#,java,fortran,python等等,掌握这些内容后基本就能进行程序开发了,也可以实现我们想要实现的相关功能.所以很 ...
软件开发的基础知识—软件版本号详解
经常被不同的软件版本搞得一头雾水,alpha.beta.demo.professional.enterprise等等,这些版本信息到底都有哪些实际上的含义呢? ·测试版与演示版 α(alpha)版此 ...
如何使用ABP进行软件开发之基础概览
ABP框架简述 1)简介在.NET众多的技术框架中,ABP框架(本系列中指aspnetboilerplate项目)以其独特的魅力吸引了一群优秀开发者广泛的使用. 在该框架的赋能之下,开发者可根据需求 ...
php软件开发--php基础
php基础语法: PHP标记:1.<?php 代码 ?>2.<script language="php" > 代码 </script>3.< ...
QT软件开发之基础控件--2.4.4 QTextEdit文本编辑器
2.4.4 QTextEdit文本编辑器 QTextEdit是一种先进的WYSIWYG查看器/编辑器支持丰富的文本格式,类似 HTML 风格的标记.它可以用于优化处理大型文档和快速响应用户的输入.QT ...
QT软件开发之基础控件--2.1.6 buttonBox按钮盒
2.1.6 buttonBox按钮盒按钮盒(ButtonBox)可以很方便地快速布置一组标准按钮,比如:常见的确认对话框有 "OK""Cancel"等标准按钮 ...
QT软件开发之基础控件--2.5.3 QLCDNumber 数码管控件
2.5.3 QLCDNumber 数码管控件 QLCDNumber类似一个数码管形式,一般用来显示数量或者时间,支持多种格式和多种样式显示. 图2-5-7 QLCDNumber效果图以下列出QLCD ...

php软件开发--vue基础

vue介绍：

Vue 实例对象：

模板语法-插值:

模板语法-指令：

php软件开发--vue基础相关推荐

最新文章

热门文章