文章分类 -  vue

摘要:基础语法 1、注释 注释就是对代码的解释和说明,其目的是让人们能够更加轻松地了解代码。注释是开发人员一个非常重要的习惯,也是专业的一种表现。单行注释是最常见的注释形式,你可以在任何地方使用以 // 开头的单行注释。多行注释也叫块注释,均已以 /* 开头,并以 */ 结尾。 注释只是为了提高可读性,不 阅读全文
posted @ 2022-08-07 23:59 下个ID见 阅读(1197) 评论(0) 推荐(0)
摘要:vue + vue-router组件 可以实现 SPA(single Page Application),即:单页面应用。 单页面应用,简而言之就是项目只有一个页面。 一个页面如何呈现多种界面的效果呢? 基于vue开发多个组件,例如:活动组件、课程组件、咨询组件 在页面上 vue-router 用来 阅读全文
posted @ 2022-08-07 22:03 下个ID见 阅读(68) 评论(0) 推荐(0)
摘要:在开发过程中,我们可以将页面中 某一部分 的功能编写成一个组件,然后再在页面上进行引用。 有利于划分功能模块的开发(HTML、CSS、JavaScript等相关代码都集成到组件中)。 有利于重用 1 局部组件 <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文
posted @ 2022-08-07 21:47 下个ID见 阅读(41) 评论(0) 推荐(0)
摘要:条件判断。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js" 阅读全文
posted @ 2022-08-06 23:34 下个ID见 阅读(78) 评论(0) 推荐(0)
摘要:根据条件显示或隐藏(标签都会渲染到页面)。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vu 阅读全文
posted @ 2022-08-06 23:34 下个ID见 阅读(64) 评论(0) 推荐(0)
摘要:事件相关的指令,例如: v-on:click v-on:dblclick v-on:mouseover, v-on:mouseout, v-on:change v-on:focus ... <!DOCTYPE html> <html lang="en"> <head> <meta charset=" 阅读全文
posted @ 2022-08-04 21:48 下个ID见 阅读(25) 评论(0) 推荐(0)
摘要:用户数据进行循环并展示。 示例1: <div id="app"> <ul> <li v-for="item in dataList">{{ item }}</li> </ul> </div> <script> var app = new Vue({ el: '#app', data: { dataL 阅读全文
posted @ 2022-08-04 21:46 下个ID见 阅读(39) 评论(0) 推荐(0)
摘要:2.3 v-model指令 一般用于在交互的表中中使用,例如:input、select、textarea等。【双向绑定】 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <scri 阅读全文
posted @ 2022-08-03 22:10 下个ID见 阅读(39) 评论(0) 推荐(0)
摘要:一般用于对标签中的属性进行操作。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/d 阅读全文
posted @ 2022-08-02 23:14 下个ID见 阅读(40) 评论(0) 推荐(0)
摘要:关于vue.js的版本 vue2,经典版本,现在绝大部分的企业项目都是用vue2版本开发。 vue3,新版本,未来的趋势。 1.vue.js 初体验 基于vue.js框架来编写项目需要以下几个步骤: 导入vue.js包(CDN) <!-- 开发环境版本,包含了有帮助的命令行警告 --> <scrip 阅读全文
posted @ 2022-08-02 22:41 下个ID见 阅读(41) 评论(0) 推荐(0)