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