【Vue,自学第二天】
今天,我准备跟着官方文档在走一遍,巩固一下,加深记忆。 两种引入Vue的方式: 1 < script src ="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" ></ script > 1 < script src ="https://cdn.jsdelivr.net/npm/vue" ></ script > 一、声明式渲染 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统: 1 < div id ="app" > 2 {{ message }} 3 </ div > 1 var app = new Vue({ 2 el: '#app' , 3 data: { 4 message: 'Hello Vue!' 5 } 6 }) 结果: 二、绑定元素特性: 1 < div id ="app-2" > 2 < span v-bind:title ="message" > 3 鼠标悬停几秒钟查看此处动态绑定的提示信息! 4 </ span > 5 </ div > 1 var app2 = new Vue({ 2 el: '#app-2' , 3 data: { 4 message: '页面加载于 ' + new Date().toLocaleString() 5 } 6 }) 结果: 三、条件与循环