摘要：
为元素添加属性命令：v-on:事件名=“方法名”， 而方法则需要再Vue配置里面的methods属性里定义。 主要的事件名有click、dbclick，mouseover，mouseout，keydown，keypress，blur，focus <button v-on:click="fn1">我是 阅读全文
摘要：
第一：加法运算符{{变量+n}} <p> num参与运算{{num+12}} </p> let vm = new Vue({ el : "#app", data : { num: 101, isOK: true, message: '你好', lan: 'Java', id: '1001', } } 阅读全文
摘要：
前面学习的插值表达式{{}}，并不能更改标签的属性。因此，以下的写法是错误的， <h1 titlle="{{title}}" >我是h1标签的内容</h1> 如果想要给标签的属性绑定动态值,需要借助v-bind 的指令 语法：v-bind:原生HTML标签的属性="data中定义的值"，可以在vsc 阅读全文
摘要：
<p> <!-- v-text指令的写法 指令必须写在开始标签上，作为标签的属性存在 <开始标签 v-text="data中的变量名"></结束标签> --> <span v-text="msg"></span> <!-- v-html的用法和v-text用法一直， 只不过通过v-html引入的会被 阅读全文
摘要：
数据绑定常用有4种方式:{{}}、v-text、v-html、template {{}}数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值： <span>message:{{msg}}</span> mustache标签会被替代为对应数据对象航msg property的值 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
摘要：
组件实现了扩展html元素，封装可用的代码，页面上每个独立的可视/可交互区域视为一个组件； 每个组件对应一个工程目录，组建所需要的各种资源在这个目录下就近维护。 页面不过是组件的容器，组件可以嵌套形成完整的页面。 阅读全文
摘要：
MVVM是vue实现数据驱动视图和双向数据绑定的核心原理。 MVVM指的是Model、View、ViewModel，它把每个HTML页面都拆分成了这三个部分，如图所示： 在MVVM概念中： Model表示当前页面渲染时所依赖的数据源。 View表示当前页面所渲染的Dom结构。 ViewModel表示 阅读全文