Vue学习笔记05-插值表达式、v-text和v-html
前言： 插值表达式的格式： {{表达式}} 该表达式支持js内置语法，可以调用js的内置函数（必须有返回值）。 表达式必须要有返回结果，比如：1+1。像var a = 1+1这样的就不行。 可以直接使用Vue实例中定义的数据模型或者函数。 1.使用js内置函数示例： <html> <div id = "app"> {{999+999}} </div> </html> 2.使用数据模型的值示例： 定义Vue实例的数据模型： const app = new Vue({ el: "#app", //根据名称操作div,作用域只在该div data: { name: "weiwei", num: 100 } }); 使用该数据模型： <html> <div id = "app"> 我是{{name}}，我有{{num}}块钱。 </div> </html> 3.使用Vue实例中的方法： 定义Vue实例中的方法： const app = new Vue({ el: "#app", //根据名称操作div,作用域只在该div data: { name: "weiwei", num: 100 }, methods:{ //写在methods里面 number(){ return 666; //注意，要有返回值 } } }); 调用实例中的方法： <html> <div id = "app">