山淼的博客

9. 按键修饰符作用: 用来与键盘中按键事件绑定在一起,用来修饰特定的按键事件的修饰符按键修饰符.enter.tab.delete (捕获“删除”和“退格”键).esc.space.up.down.left.right9.1 enter 回车键用来在触发回车按键之后触发的事件 <input type="text" v-model="msg" @keyup.enter="keyups">9.2 tab 键用来捕获到tab键执行到当前标签是才会触发&

8. 事件修饰符修饰符: 作用用来和事件连用,用来决定事件触发条件或者是阻止事件的触发机制1.常用的事件修饰符.stop.prevent.capture.self.once.passive8.1 stop事件修饰符用来阻止事件冒泡<div id="app"> <div class="aa" @click="divClick"> <!--用来阻止事件冒泡--> <input type="butto

7 .v-model 双向绑定v-model: 作用用来绑定标签元素的值与vue实例对象中data数据保持一致,从而实现双向的数据绑定机制<div id="app"> <input type="text" v-model="message"> <span>{{message}}</span> <hr> <input type="button" value="改变Data中值" @click="chang

6.v-for的使用v-for: 作用就是用来对对象进行遍历的(数组也是对象的一种)<div id="app"> <span>{{ user.name }} {{ user.age }}</span> <br> <!-- 通过v-for遍历对象 --> <span v-for="(value,key,index) in user"> {{index}} :

5.v-show v-if v-bind5.1 v-showv-show:用来控制页面中某个标签元素是否展示 底层使用控制是 display 属性<div id="app"> <!-- v-show: 用来控制标签展示还是隐藏的 --> <h2 v-show="false">百知教育欢迎你的加入!</h2> <h2 v-show="show">百知教育欢迎你的加入这是vue中定

4.vue中事件绑定(v-on)4.1 绑定事件基本语法 <div id="app"> <h2>{{message}}</h2> <h2 v-text="message"></h2> <h2>年龄:{{ age }}</h2> <br> <input type="button" value="点我改变年龄" v-on:cl

3. v-text和v-html3.1 v-textv-text:用来获取data中数据将数据以文本的形式渲染到指定标签内部 类似于javascript 中 innerText <div id="app" class="aa"> <span >{{ message }}</span> <span v-text="message"></span> </div>

2. Vue入门2.1 下载Vuejs//开发版本: <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>//生产版本: <!-- 生产环境版本，优化了尺寸和速度 --> <script src="https://cdn.jsdelivr.net/npm/vue"></script&gt

1. Vue 引言渐进式 JavaScript 框架 --摘自官网# 渐进式 1. 易用 html css javascript 2. 高效 开发前端页面 非常高效 3. 灵活 开发灵活 多样性# 总结 Vue 是一个javascript 框架# 后端服务端开发人员: Vue 渐进式javascript框架: 让我们通过操作很少的DOM,甚至不需要操作页面中任何DOM元素,就很容易的完成数据和视图绑定 双向绑定 MVVM 注意: 日后在