赞助
上一页 1 ··· 22 23 24 25 26 27 28 29 30 ··· 46 下一页
摘要: 事件修饰符 用来处理事件的特定行为 <!-- 阻止冒泡 --> <button @click.stop="doThis"></button> <!-- 阻止默认行为 --> <a @click.prevent="doThis"></a> <!-- 只执行一次 --> <div @click.once 阅读全文
posted @ 2020-12-28 14:41 Tsunami黄嵩粟 阅读(88) 评论(0) 推荐(0)
摘要: 绑定事件监听器(事件绑定) <!-- 常规写法 --> <button v-on:click="事件实现方法()"></button> <!-- 缩写 --> <button @click="事件实现方法()"></button> # 绑定好事件实现方法后需要在Vue对象中的methods对象中实现 阅读全文
posted @ 2020-12-28 14:26 Tsunami黄嵩粟 阅读(63) 评论(0) 推荐(0)
摘要: 根据一组数组或对象的选项列表进行渲染。 v-for指令需要使用 (item,index) in 数组或对象 形式的特殊语法,同时还需要指定key值,key的作用在vue进行新旧数据比对渲染页面里,如果有key值会提升比对性能,加快渲染,key使用唯一的值来赋值。 伪标签:template:不会解析为 阅读全文
posted @ 2020-12-28 14:15 Tsunami黄嵩粟 阅读(118) 评论(0) 推荐(0)
摘要: v-once指令 只渲染元素和组件一次,之后元素和组件将失去响应式功能 v-if和v-show 根据表达式的布尔值(true/false)进行判断是否渲染该元素 注:v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要非常频繁地切换,则使用 v-show 较好;如果在运 阅读全文
posted @ 2020-12-28 14:08 Tsunami黄嵩粟 阅读(192) 评论(0) 推荐(0)
摘要: 指令(Directives)就是vue给html标签提供的一些自定义属性,这样属性都是带有 v- 前缀的特殊属性。指令特性的值预期是单个JS表达式(v-for是例外情况)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于DOM。 v-html 解析html指令 注:尽量避免使用, 阅读全文
posted @ 2020-12-28 14:03 Tsunami黄嵩粟 阅读(85) 评论(0) 推荐(0)
摘要: 模板语法 插值表达式 插值表达式是vue框架提供的一种在html模板中绑定数据的方式,使用{{变量名}}方式绑定Vue实例中data中的数据变量。会将绑定的数据实时的显示出来。 # 支持写法 {{变量、js表达式、三目运算符、方法调用等}} <div id="app"> <h3>{{name}}</ 阅读全文
posted @ 2020-12-25 15:59 Tsunami黄嵩粟 阅读(257) 评论(0) 推荐(0)
摘要: 通过chrome中的谷歌插件商店安装Vue Devtools工具,此工具帮助我们进行vue数据调试所用,一定要安装。 https://chrome.google.com/webstore?utm_source=chrome-ntp-icon 打开chrome应用商店,需要kexue上网才能访问到。自 阅读全文
posted @ 2020-12-25 15:53 Tsunami黄嵩粟 阅读(292) 评论(0) 推荐(0)
摘要: 传统dom操作 使用js或jquery库对html页面结构中的指定的区域输出数据 使用vue实现 在html页面中使用好vue需要完成如下步骤即可 引入vue.js文件 定义给vue.js管理的dom元素(给div定义一个ID) 创建一个 Vue 的实例,并声明要渲染的数据源 在给定的dom元素容器 阅读全文
posted @ 2020-12-25 15:48 Tsunami黄嵩粟 阅读(72) 评论(0) 推荐(0)
摘要: MVC MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻 阅读全文
posted @ 2020-12-25 15:41 Tsunami黄嵩粟 阅读(89) 评论(0) 推荐(0)
摘要: 官网:https://cn.vuejs.org/ Vue.js是一套构建用户界面的渐进式框架。Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单 阅读全文
posted @ 2020-12-25 15:19 Tsunami黄嵩粟 阅读(88) 评论(0) 推荐(0)
上一页 1 ··· 22 23 24 25 26 27 28 29 30 ··· 46 下一页