大家好，本文给各位做一下vue.js一个最基本的概念介绍。 vue.js 指令 var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) 这个例子我们会得到，v-text所在的div元素的内部插入了’Hello Vue！’这段字符串，那么我们为什么会产生这样一个结果呢，我们来分析一下： 这一步的意思是，实例化的这个Vue接管了#app元素，这里面的所有内容归我管，也就是说可以接受vue的功

v-model v-model指令 绑定数据源。就是把数据绑定在特定的表单元素上，可以很容易的实现双向数据绑定。 v-model 指令 用来在 input、select、text、checkbox、radio 等表单控件元素上创建双向数据绑定，根据表单上的值，自动更新绑定的元素的值 1.简单的双向数据绑定 html代码： {{message}} 请输入： 2.修饰符 html代码： {{message}} 请输入： lazy : 取代 input 监听 change

v-text 之前我们学习过 大括号表达式 {{ }} 但是这种方式有一些弊端，当网速卡顿或者出现BUG时候就会暴露我们实例中的数据名 {{msg}} Vue给我们提供了一个内部指令，v-text 来处理这个问题。 核心代码： 1 v-html 当js中穿插 html 代码块时，可以使用 v-html 完整代码：         v-text & v-html                                         const app = new