KEY_cheung的博客

1. v-if、v-else-if和v-else 1.1 和if、else、else if效果一样 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id = "app"> <!--在标签里使用条件判断--> &...

1.v-on绑定事件监听器（语法糖：@） 基本使用的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-on</title> </head> <body> <div id = "app"> <h2>{{counter}}</h2> <!--<bu...

1.计算属性的基本使用，计算属性可以直接将函数当属性使用，后面不需要加()，例如代码中的方法三 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计算属性</title> </head> <body> <div id = "app"> <!—方法一：使用mustache语法之间拼接 --...

1 v-bind基本用法，动态绑定属性，例如a元素标签的href属性，img和video元素标签的src属性。语法糖 ‘：’ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-bind基本使用</title> </head> <body> <div id = "app"> <a v-b...

1.mustache语法，不仅可以直接写变量，还可以写简单的表达式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>template</title> </head> <body> <div id = "app"> <h2>{{message}}</h2> ...

选定一段常用的代码复制 -> 打开setting设置 -> 找到Editor中的Live Templates -> 在右边找到Vue并点击＋新增 -> 将常用代码粘贴模板框中 在需要用到这一段代码的地方输入 vue 按tab键补全即可 前 vs后 ...

el: 类型：string字符串、HTMLelement HTML元素 作用：决定之后vue实例会管理哪一个DOM data: 类型：object对象、Function函数（组件当中的data必须是个函数） 作用：vue实例对应的数据对象 methods: 类型：{[key:string]:Fuction}定义函数 作用：定义属于vue的一些方法，可以再其他地方调用，也可以在指令中调用 ...

MVVM模式：M（model）+ V（view）+ VM（viewmodel）与 MVC模式：M（model）、V（view）、C（controller）相类似 MVC： 用户向controller层发起请求，controller收到请求后交给model中处理再将结果返回到controller中，controller收到结果后对view进行相对应的页面渲染再反馈给用户。所有操作都在controller中进行，当用户发起大量的请求后，controller加载速度变慢，视图渲染性能降低，进而影响用户体验

例1：简单展示数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script src="../js/vue.js"></script> <div id="app"> <h1>{{mes...

安装vue插件：File -> Settings… 搜索vue -> 找到vue.js 下载后重启IDEA即可 创建一个新项目，将下载好的vue.js复制进去 大功告成

方法一：打开官网 https://cn.vuejs.org 点击安装，选择开发版本 下载成功： 方法二：CDN引入 <!--开发环境版本，包含有帮助的命令行警告--!> <scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!—生产环境版本，无相关警告，@后面可跟版本号--!> <script src="https://cdn....