文章分类 - vue的基础语法
1
摘要：1、v-if语句的使用： <body> <div id ="app"> <h2 v-if="isShow"> <div>abc</div> <div>abc</div> <div>abc</div> <div>abc</div> {{message}} </h2> </div> <script> /
阅读全文
摘要：1、v-on的参数传递问题： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
阅读全文
摘要：1、分别进行对象字面量的几种展示方式： <body> <script> //平常对象字面量的写法 // const obj={ // name:'kobro', // age:18, // height:1.88, // run:function(){ // console.log('在奔跑！');
阅读全文
摘要：1、使用计算属性实现两个名字的连接 <body> <div id ="app"> <!-- 1、直接在mustache里面加入空格进行使用 --> <h2>{{firstName+' '+lastName}}</h2> <!-- 2、使用两个语法来进行拼接 --> <h2>{{firstName}}
阅读全文
摘要：1、v-bind的class用法<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
阅读全文
摘要：1、有时候由于代码后者程序的卡顿，会出现运行结果编译前和编译后展示出现不同的结果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w
阅读全文
摘要：1、v-pre:主要是跳过编译过程，直接显示原来的mustache语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
阅读全文
摘要：1、v-text:用于渲染普通文本，绑定的数据对象发生变化时，插值处的内容也会发生改变，注意它不解析标签. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi
阅读全文
摘要：1、v-html的使用：不仅用于渲染数据，还能够输出真正的html，即能够解析html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi
阅读全文
摘要：1、v-once：主要是在代码中设定后，在网页中使得改变css样式也不会改变之前的属性（仅凭自己理解),使得响应式并不管用！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-C
阅读全文
摘要：1、vue的mustache用法: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
阅读全文
摘要：问题：如何在vue中创建tenplate?因为每写一个vue的html网页都要书写一下模板，甚是麻烦！ 方法：解决如何在vue中创建template模板？ 1、首先点击左下方的设置，进入用户代码片段 2、选择在html中创建模板 3、接下来打开的是一个json文件格式的文件。里面的注释就是解释如何来
阅读全文
摘要：一、理解什么是MVVM？ (1)从维基百科上查询什么Mvvm? MVVM（Model–view–viewmodel）是一种软件架构模式。 MVVM有助于将图形用户界面的开发与业务逻辑或后端逻辑（数据模型）的开发分离开来，这是通过置标语言或GUI代码实现的。MVVM的视图模型是一个值转换器，[1] 这
阅读全文
摘要：一、直接使用conter函数增加，减少来使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：问题：引入vue.js出现Uncaught ReferenceError: vue is not defined 此时是因为引入的vue.js在body标签中，需要放置在head标签中即可。 原因： 方法： 需要将引入的vue.js第一个加载，然后就不会出现问题了！
阅读全文
摘要：一、点击html文档 二、输入！ 三、按下tab键
阅读全文
摘要：一、什么是vue? Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，
阅读全文
摘要：一、使用CDN引入 可以选择引入生产环境和开发环境 生产环境（代码进行过压缩过，没有换行，一般难以看懂） <!-- 生产环境版本，优化了尺寸和速度 --> <script src="https://cdn.jsdelivr.net/npm/vue@2"></script> 3.开发环境（直接是源码，
阅读全文
1
浙公网安备 33010602011771号